시행착오와 배움을 기록하는 공간

Udemy 리액트 강의 https://www.udemy.com/course/winterlood-react-basic/ Node.js ? 😮 자바스크립트 언어는 어디서 어떻게 동작할까? 자바스크립트는 자바스크립트 엔진 위에서 동작한다. 그 엔진은 웹 브라우저에 있다. 브라우저들은 각각 자기들만의 엔진을 사용한다. 그 중 크롬 브라우저가 가진 V8 엔진이 가장 대표적인 자바스크립트 엔진으로 알려져있다. 자바스크립트는 브라우저에 내장된 자바스크립트 엔진을 사용해야해서 웹 브라우저에서만 실행될 수 있었다. 그때 마침 크롬이 자바스크립트를 실행할 때 사용하는 js엔진인 V8 은 C++로 개발되어 브라우저 내부가 아니더라도 어디서든 이 엔진을 사용할 수 있었다. 그리고 브라우저에서 독립가능했던 V8엔진을 사용해서 ..

Timeout : ERROR java.net.SocketTimeoutException: Read timeoutjava.net.SocketTimeoutException: Read timeout 데이터의 양이 많다던지, 네트워크 속도 때문에 실제 요청이 수신될때까지의 시간이 지나도록 수신이 완료 되지 않을때 생기는 에러가 ReadTimeOut 입니다. Timeout에 관한 정리 Connection Timeout클라이언트가 서버측으로 connection을 맺길 원하지만 서버의 장애 상황으로 connection조차 맺어지지 못할 때 발생하는 timeout이다.Read Timeout클라이언트와 서버가 connection은 맺어졌지만 effectivesquid.tistory.com

console.log 로 값을 찍어보는데 값이 두번씩 찍히는 증상이 나타났다. 렌더링이 두 번 일어난다는 얘기인데... 어디서 랜더링을 두번 시키는건지 개발자도구에서 브레이크포인트 걸고 돌려도 나도모르는 어디선가 2번 호출을 하고 있는 것을 발견.. 이유는 때문이었다. index.js 파일에 보면 우리가 만든 컴포넌트가 태그로 감싸져있는 모습을 볼 수 있다. root.render( ); 이것때문에 함수가 이중으로 호출된 것이다. StrictMode? StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구이다. Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화한다 라고 공식문서에 나와있는데 사이트에 사용 예시까지 잘 나와있다. https://..

(백엔드개발자가 도전하는)한입 크기로 잘라 먹는 리액트(React.js) - 자바스크립트 응용 지난번 수업에 이어 작성하는 두번째 글이다. 다시 한번 소개를 하고자 한다. 인프런에서 접하게 된 강의 한입 크기로 잘라 먹는 리액트. 리액트를 시작해보고 싶었고 자바스크립트 기본기도 빠르게 다지고 가면 좋겠다는 생각을 늘 갖고있다가 만나게 된 강의이다. 군더더기 없는 깔끔한 설명과 스피드한 진행으로 매우 만족중이다. - 유데미 강의 https://www.udemy.com/course/winterlood-react-basic/ - 인프런 강의 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한..

(백엔드개발자가 도전하는) 한입 크기로 잘라 먹는 리액트(React.js) - 자바스크립트 기본 인프런에서 접하게 된 강의 한입 크기로 잘라 먹는 리액트. 리액트를 시작해보고 싶었고 자바스크립트 기본기도 빠르게 다지고 가면 좋겠다는 생각을 늘 갖고있다가 만나게 된 강의이다. 수업 스타일이 굉장히 마음에 들었다. 군더더기 없는 깔끔한 설명과 스피드한 진행으로 수업을 착착 진행해가시는 Winterlood 님 이시다. - 유데미 강의 https://www.udemy.com/course/winterlood-react-basic/ 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요...

Prettier를 설치하고 VSCode 설정에서 Format on Save도 작동하도록 체크를 해줬는데 저장을 하면 Prettier가 동작하지 않을 때가 있다. 그 이유는 간단한데 VSCode에 Default Formatter로 Prettier가 설정되어 있지 않기 때문이다. VSCode 설정창에 들어간다. 맥 단축기 command + , 그리고 검색창에 default formatter 로 검색한다. 처음에는 Default Formatter 에 None 으로 지정되어있는데 이 부분을 우리가 다운로드 한 Prettier - Code formatter 로 변경해주면 예쁘게 저장되는것을 확인 할 수 있다.

[ 저처럼 homebrew로 바로 node 부터 설치하지 마시고 아래 nvm 설치부터 하세요 ] 자바스크립트를 공부하고 Node.js 를 배우려고 하니 node 설치가 필요했다. 나는 homebrew 가 설치되어있어서 바로 설치하면 되겠거니 하고 터미널에 아래 명령어를 입력하고 node를 설치했다. 혹시 homebrew 설치가 되어있지 않다면 homebrew 설치를 먼저 하자 https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 설치 후 node 를 설치하는데.... brew install node 이런 진행과정을 거쳐 node 설치가 완료된다. 제대로 설치되었는지 확인하려면 아래 명령어 입력 ..

[Gradle] implementation & compile 의 차이점 https://compogetters.tistory.com/64 Gradle Compile과 implementation의 차이점 Intelli J IDE에서 Spring boot + Gradle로 된 샘플 프로젝트로 Gradle에 관련된 프로젝트를 받았다. 기존에는 이클립스 + Maven으로 사용했는데, 사정 상 기존 조합을 버리고 Intelli J + Gradle로 개발 환경을 변 compogetters.tistory.com https://kotlinworld.com/317 [Gradle] implementation과 api, compile의 차이는 무엇인가? implementation과 api, compile build.gradl..