ReactNVMnvm을 통해 노드 버전관리를 하려고 했다. 왜냐하면 내 프로젝트 외 다른 프로젝트를 봐야할 때가 종종 있는데 이때 node-sass 같은 경우 node의 버전을 다운그레이드 해야한다는 문구를 보았기 때문이다.터미널을 zsh 에서 bash로 바꾸는 작업을
ReactTypescripteslint/prettier타입스크립트 + 리액트에 eslint + prettier를 적용했다. 적용하자마자 뽜 .. 에러가 터져나와서 적용하는데까지도 시간이 많이 걸렸는데 에러 하나씩 잡느라 힘들었다. 일단 타입스크립트 + 리액트 + esl
React \- node.js + m1 에러 해결기Javascript 코드리뷰가 마무리 된 뒤 다시 react 로 돌아오는 과정이다. 이전엔 잘되던 yarn start 와 npm start 뭐가 문제인지 잘되지않았다.해결방법은 node를 15.9.0 이상의 버전으로
Javascript \* spreadin private gitHub수업내용url endpoint 는 상수로 관리해주는 것이 좋음QnAQ\_ 검색이 완료된 후 this.target.value = '' 처리, 하지만 다음 input 에 텍스트를 입력하면 이전에 입력했던
Javascript \* debouncein private gitHub움짤 검색기 \- 키워드를 검색하면 키워드의 api를 불러와 검색된 단어의 움짤을 보여준다. \- 검색한 단어들은 히스토리 내역에 쌓이게 되고 히스토리 내역에 있는 아이템을 검색하면 다시 이동
Javascript \* mutable, immutable arrayevent delegatein private gitHub기능구현은 완료해두었는데 코드리뷰를 받고 미쳐 신경쓰지 못한부분을 캐치하게 되었다. mutable array 와 immutable array 부
Javascript \- LocalStoragein private gitHub혼자 무언가 만들때 아쉬웠던 점은 구현되게 만들었을때 사실상 서버가 없어서 기능을 온전하게 하는 페이지를 만들지 못했다는 것이다. 예전에 친구들과 여행 계획을 세웠을 때 계획차 재미차 웹을
Javascriptin private gitHub초반에 아래 코드가 이해가 되지 않아 사용하지 않았고 TodoList.setState(nextState)를 사용했다. 이렇게 사용한 후에야 아래 코드가 이해가 되어 다시 수정해두었다.TodoList.js에서 toggleT
Javascriptin private gitHub실무의 구조에 대해서 익히는 기회였다. 파일을 분리하고 파라미터로 셀렉터를 전달하여 각 컴포넌트에서 받도록 해주었다.과제를 진행하면서 setState() 함수를 설정해준 이유를 더 공감하게되었다.App에서 각 컴포넌트를
Next.jsReduxReact SNS in gitHubredux 내용 계속 진행중next Redux wrapperfront > store 폴더 생성 > configureStore.js 파일 생성npm i reduxnpm i next-redux-wrapper --leg
Nextantdreact-sns in gitHubnext-redux-wrapper를 설치해서 리덕스할 준비중설치가 제대로 되지 않을땐 --legacy-peer-deps 뒤에 붙이기
JavascriptToDo List in my private gitHub repo문제 : head 태그에서 부르게 되면 main.js가 불리고 로드되는 동안 렌더링이 블로킹해결방법script의 위치변경script 태그에 async 속성 추가해결 : script에 asy
ReactSVGCSS flex/gridReact Movie Code in gitHubSVG Code in gitHubflex-grid Code in gitHub리액트에서 또 파일업로드의 문제가 있었다. 다행이도 전에 한번 겪었던 문제라 eject run 은 쉽게 할 수
JavascriptPrivate Git Repositoryclass 문법을 접할수 있는 기회였다. 하루종일 고민하면서 스스로 문제해결 해보는 시간이었다. js 파일을 type=module 로 import 해주었던것 constructor 의 유무의 차이 그리고 this.
ReactJavascriptreact-movie in gitHub어제 한참을 헤매던 그 문제를 오늘에서야 해결했다. 기존 문법들을 hook으로 바꾸면서 진행중인데 uesEffect 를 사용함과 동시에 비동기 함수를 처리하기 위해 try{}catch{}finally{}
Reactreact-movie in gitHub오류 때문에 거의 4시간 가까이 잡아먹었다. 전체적인 리액트 문법을 hook으로 바꿔서 진행중인데 비동기 함수에서 막혔다. throw Error() 로 에러 화면을 확인하려 했는데 잘되지 않은것. useEffect 와 비동
Node.jsflex/gridsvgNode in gitHubflex-grid in gitHubsvg in gitHubinteraction in gitHub오랜만에 node를 보니 분석하는 시간이 조금 더 걸린듯 하다. flex는 업무에서 많이 사용했었는데 grid는 아
DOMJavascriptIn My Note & My Privite Notion문서가 왜이리 안읽히는지.. 소리내서도 읽어도고 나중엔 정리하면서 읽으니 이해가 가는중이다. DOM 에 대한 이해가 이전보다 명확해졌다. 이전에는 DOM이라 하면 막연하게 마크업, html 이
ReactNext.jsANT DesignCSSreact-movie: gitHubreact-movie in gitHubreact-node-sns: gitHubreact-node-sns in gitHubinteraction: gitHubinteraction in gitHu
ReactJavascriptreact-movie : gitHubreact-movie in gitHubhook으로 바꾸며 여전히 진행중이다. 걱정이 컸는데 생각보다 따라갈만해서 해보는 중이다. 그동안 겁먹었던 데이터바인딩과 api 연결에 점점 친숙해지고 있다. axios