프로그래밍 공부하고 또 공부!

구매 동기 평소에 듀얼모니터를 쓰고 있었다. 하나는 게임용 으로 144Hz 지원되는 FHD 모니터, 또 하나는 게이밍용이 아닌 60Hz QHD 모니터다. 둘다 27인치! 그런데 최근 유트브와 넷플릭스, 디즈니플러스 등에 4k 컨텐츠들이 많이 나와 4k모니터에 대한 욕심이 생겼다. 또 맥북을 모니터에 연결하여 프로그래밍을 하는데 m1 macbook pro라 c타입 포트 2개만 있어 모니터와 연결선 하나, 충전선 하나를 하면 꽉차서 c타입하나로 충전 및 디스플레이 연결의 필요성을 느껴서 사게됐다. 후보 모니터들 본인은 물건을 살때 고민을 굉장히 많이 하는 스타일이라 일주일 넘게 모니터에 대한 정보들을 찾았다. 이 때 모니터 구매시 꼭 필요한 요소들 4가지가 있었다. 1) 4k 32인치 2) c타입 연결 및 ..

Product Review 2022. 12. 13. 13:11

오랜만에 글을 쓴다 ㅠㅠ 오랜만에 글쓰긴하지만 계속해서 코딩공부는 했습니다.... 요번에는 Javascript 라이브러리인 Electron을 사용해볼거예요! html + css + js 로도 사용 할 수 있지만 많이 사용해오던 Reacrt를 이용할것입니다. React 가 더 편하기도 하고... 또 typescript로 개발을 해볼겁니다. 개발 환경 설치 먼저 기존에 typescript + react 환경을 설치하듯이 설치 해줄게요. 아래 내용을 터미널에서 실행하여 기본 환경을 만듭니다. npx create-react-app electron_practice --template typescript 패키지 설치 그리고 electron_practice 폴더로 이동 해준 뒤 필요한 패키지들을 설치해줍니다. npm..

Coding/React 2022. 12. 12. 19:46

최근에 모니터가 또 고장나서 새로운 모니터를 샀다 그 제품은 바로바로 삼성 오디세이 G4 27인치 ips패널 FHD 마침 오늘의집에서 할인을 해서 정가 40만원 이였지만 34만원에 구입할수 있었다 박스에 약간의 얼룩들이 있긴했지만 제품은 아무런 흠이 없었다 그리고 바로 박스를 뜯어보았다 박스 안의 내용물들 그냥 다를게 없었지만 역시 대기업 모니터답게 어답터는 중소기업보다 퀄리티가있어보였다 그리고 바로 확인해보았다 불량화소는 하나도 없었지만 약간의 빛샘은있었다 그런데 이거는 IPS패널 종특이라 어쩔수없어 그냥 넘어갔다 옆에 hp모니터보다 빛셈이 더 있긴함 위 사진은 이번에 산 모니터의 빛샘현상 그리고 롤도 보고 영화도 봤는데 나쁘지않았다! 딱 가격값하는정도...? 하지만 삼성이란기업에 ips패널 fhd디스..

Product Review 2022. 10. 9. 23:48

iTerm2 설치 맥을 사용할때 터미널 보다 iTerm2를 많이 사용한다. 그래서 먼저 iTerm2를 설치한다. iTerm2 홈페이지 페이지에서 다운로드 버튼을 눌러 다운받고 zip 파일을 압축해제하면된다. Oh my zsh 설치 $ sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)" iTerm2 나 터미널에서 위 명령어를 실행한다. 그 후 zsh를 꾸미기 위해 다음 명령어를 실행한다. $ mkdir -p "$HOME/.zsh" $ git clone https://github.com/sindresorhus/pure.git "$HOME/.zsh/pure" $ echo "\nfpath+=$HOME/.zsh/p..

Coding/Etc 2022. 6. 21. 01:38

React Native를 사용하다 보면 TextInput은 정말 자주 사용하는 component이다. 그런데 TextInput의 value, onChangeValue를 useState를 통해 상태관리를 하다보면 keyboard error가 생기곤한다. 한글자 타이핑 할때마다 focus가 해제되고 keyboard가 사라지는 오류이다. 우선 예시를 보자, import React, { useState } from "react"; import { View, TextInput } from "react-native"; export default function App() { const [value, onChage] = useState("test") return( {onChange(text)}} /> ) 다음 처럼 ..

Coding/React-Native 2022. 2. 27. 16:42

계속 해서 expo-cli를 통해 react-native app을 만들다가 React-Native-cli 로 개발을 해보고자했다! 참고로 작성자의 개발 환경은 M1 맥북 프로를 사용중이다! 우선 아래의 코드로 react-native-cli를 다운로드했다 npm install react-native-cli// react-native-cli 다운 그리고 일단 화면을 보면서 하자는 마음으로 아래의 코드로 앱을 에뮬레이터에 작동시키려했다. npm run ios//ios 에뮬레이터로 시작하는 방법 1 react-native run-ios//ios 에뮬레이터로 시작하는 방법 2 그런데...! 나타나는 오류들.... ramming/codepam20/ios/Pods/Headers/Public/React-jsinspec..

Coding/React-Native 2021. 9. 29. 23:43

저번에 올렸던 글에 이어서 이번에도 자주 사용하는 react-native library들을 올려보려한다. react-navigation/native npm install @react-navigation/native 그리고 이에 이용되는 추가적인 라이브러리들! npm install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view 그리고 아래는 navigation을 stack 형식으로 사용할때와 bottom-tab형태로 사용할때 사용되는 라이브러리들이다. 사용법들은 추후 올릴 예정! npm install @..

Coding/React-Native 2021. 9. 29. 23:18

React-Native를 사용하다보면 자주사용하고 중요한 Library들이 있다. 그래서 따로 정리해 보려한다. 순서는 본인이 생각나는대로 적은것이다. (중요도가 아닙니다) Styled-componenets RN에서 정말 많이 사용하는 library이다. 처음에는 vscode에서 자동입력이 되지않아 불편했지만 이 library가 없으면 굉장히 불편하다. npm install styled-components // 터미널에서 실행 RN에서 사용할때는 아래와 같이 사용 할 수 있다. styled와 ThemeProvider만 사용해봐서 다른것은 잘 모르겠다... 추후 공부하면서 알게 될시 업로드 해야지... 그리고 react-native에서 사용할시 from 'styled-components/native'에서 ..

Coding/React-Native 2021. 9. 25. 02:49