안녕하세요 🐸! Next.js 3일차 입니다. 지난주부터 야근이 잦아서 공부를 많이 못했네요 다시 해보겠습니다 아자! 특별한 이름을 가지는 파일 page layout not-found page URL에 매핑되어 화면에 보여질 페이지 파일입니다. layout 화면의 레이아웃을 구성하는 파일입니다. 앞서 Next.j...

안녕하세요 🐸 오늘은 Next.js 에서 라우팅에 대해 알아보겠습니다. 기존의 React 에서는 react-router-dom 이라는 패키지를 통해 라우팅 기능을 구현했습니다. 이는 url과 view를 서로 매핑시켜줘야 하는 번거로움이 있습니다. Next.js 에서는 별도의 라우팅을 구현할 필요 없이 파일구조 형식을 따르는 것으로 라우팅 기능을 구...

ECMAScript 모듈 vs CommonJS ECMA에서 정한 표준 모듈 사용법이라 할 수 있습니다. CommonJS 와 문법적으로도 차이가 있으며 근래에는 ECMAScript 가 자바스크립트의 표준 문법으로 널리 사용되고 있습니다. 차이점 CommonJS ECMAScript ...

안녕하세요 🐸 최근 Node.js를 공부 중 인데요. 자바스크립트가 뒷받침이 되어야 Node.js도 할 수 있겠다 생각합니다. 알고 있었던 것도 있지만 모르는 것들도 있고, 알고는 있지만 현업에서 잘 써본적이 없어 까먹고 있었던 것들을 다시 상기 해볼 수 있는 기회네요. ES2015(ES6) 이후로 추가된 기능들에 대해 간략하게 짚고 넘어가보겠습니다....

자바스크립트의 동작 원리의 핵심인 이벤트 루프에 대해 공부하고 정리합니다. 싱글 스레드 자바스크립트는 싱글 스레드 언어입니다. 그렇기 때문에 한번에 한 가지 일만 수행합니다. ❓하지만 비동기를 수행하는데? 라는 생각이 든다면 자바스크립트 자체의 기능이 아니라 WebAPIs의 기능입니다. WebAPIs는 브라우저의 기능입니다. ❓그럼 NodeJS는 어...

REPL 사용자가 입력한 코드를 실행하고 출력해주는 환경입니다. NodeJS 말고도 다른 언어에서도 이를 지원하고 있습니다. 다음의 앞 글자를 딴 약자 입니다. Read Evaluate Print Loop 사용 방법 CMD창에서 node를 입력하여 진입 가능합니다. .exit를 입력하여 종료할 수 있습니다. 혹은 Ctrl + C ...

안녕하세요 🐸 자바스크립트를 공부하며 실행 컨텍스트 (Execution Context)와 호출 스택 (Call Stack) 에 대해 많이 듣게 되는데 이에 대해 공부하고 정리합니다. 실행 컨텍스트(Execution Context) 자바스크립트의 코드가 실행될 때 마다 생성되는 환경을 얘기합니다. 여기에는 this 등이 포함됩니다. 그리고 실행 컨...

안녕하세요 🐸 AWS를 공부하면서 올릴 프로젝트를 어느 것으로 할지 고민하다가 NextJS 를 사용해 보는 것은 어떨까 싶어서 정리해봅니다. 시작하기 NextJS 프로젝트의 시작 방법입니다. 우선, 프로젝트를 시작하고 싶은 폴더의 위치 아래에서 다음의 명령어를 통해 프로젝트를 생성/초기화 합니다. npm init 선택 사항이 여러 개 나오는데 ...

사용 금지 RDS의 IPv4는 24년 2월부로 유료화 되었습니다. 안녕하세요 🐸 AWS를 쓴다 싶으면 필수로 쓰이는 서비스 중 하나인 RDS 연결을 해보겠습니다 준비물 RDS 인스턴스 MySQL workbench 준비물 확인 MySQL workbench에 연결하기 위해 필요한 사항은 아래 네 가지 입니다 엔드포인트 포트번호...

안녕하세요 🐸 개발 공부를 하다 보면 많은 개발자들이 필수 불가결하게 학습하고 넘어가야 하는 AWS의 EC2 서비스! 저는 처음 배울 때 접속하고자 하는 인스턴스에서 연결 버튼을 누르면 나오는 SSH 연결 코드를 사용하도록 배웠는데요. 정~말 비효율적이고 번거로운 일이었습니다. 그렇다고 정석적인 방법으로 파일명, 이름, 퍼블릭 DNS 사용하는 방...