gyeong3un2

VS Code에서 터미널을 열고 아래 명령어를 입력하여 next.js 개발환경을 설치하자. npx create-next-app@latest --experimental-app next.js를 실행하고 싶다면 아래 명령어를 입력하자. npm run dev page.js: 메인 페이지이다. layout.js: page.js를 감싸는 용도의 페이지이다. globals.css에 넣으면 모든 페이지에 적용된다. page.module.css라는 것은 특정 페이지에만 적용 가능한 것인데, 만약 생성하고 싶다면 xxx.module.css 파일을 생성하면 된다. api 폴더: 서버기능을 만드는 곳이다. node_modules 폴더: 설치한 라이브러리를 보관해줌 public 폴더: 이미지나 폰트 등 소스코드 이외 stati..

Client-side Rendering의 시대가 가고, Server-side Rendering의 시대가 오고 있다. html을 서버에서 만드는 것: Server-side Rendering React나 Vue 라이브러리를 사용하여 브라우저가 실시간으로 만들어주는 것: Client-side Rendering Client-side Rendering은 단점이 아래 두가지가 있는데, 이는 사이트 수익성에 악영향을 끼친다. 구글 검색 노출이 낮다. (되긴 하는데 오래 걸림) 페이지 로딩 속도가 낮다. Server-side Rendering은 html을 웹 페이지를 서버에서 다 만들고 보내기 때문에 유저에게 js 코드를 많이 보내지 않기에 가볍다. 다음은 Server-side Rendering의 장점이다. 위의 단점..

애플리케이션은 데이터를 다룬다. 아무리 복잡한 애플리케이션이라 해도 데이터를 입력받아 처리하고 결과를 출력하는 것이 전부다. 10 + 20 // 재사용 불가능 메모리(memory)는 데이터를 저장할 수 있는 메모리 셀(memory cell)의 집합체다. 메모리 셀 하나의 크기는 1 바이트(8비트)이며, 컴퓨터는 메모리 셀의 크기, 즉 1 바이트 단위로 데이터를 저장(write)하거나 읽어(read)들인다. 각 셀은 고유의 메모리 주소(memory address)를 갖는다. 이 메모리 주소는 메모리 공간의 위치를 나타내며, 0부터 시작해서 메모리의 크기만큼 정수로 표현된다. 메모리 주소를 통해 값에 직접 접근하는 것은 치명적 오류를 발생시킬 가능성이 높은 매우 위험한 일이다. 만약 실수로 운영체제가 사용하..

1장 프로그래밍 2장 자바스크립트란 3장 자바스크립트 개발 환경 1장 프로그래밍 프로그래밍이란? 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 이때 필요한 것은 문제 해결 능력이다. 대부분의 문제는 명확하지 않기에 이 문제의 복잡함을 단순하게 분해하고 자료를 정리하고 구분해야 하며 순서에 맞게 행위를 배열해야 한다. 즉, 프로그래밍이란 0과 1 밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이며, 그 결과물이 바로 코드이다. 우리는 문제 해결 방안을 고려할 때 컴퓨터의 입장에서 문제를 바라봐야 한다. 이때 필요한 것이 컴퓨팅 사고(Computational Thinking)이다. 프로그래밍 언어 이처럼 문제 해결 능력을 바탕으로 정의도니 문제 ..