Programming

OOP ( 객체 지향 프로그래밍 ) 설계도(클래스)를 만들어서, 그에 따라 물건(객체)을 만들어내는 프로그래밍 변수와 함수를 묶어, 메모리에 저장하는 프로그래밍 이때, 묶어진 변수와 함수를 객체라고 부른다. 데이터를 저장할 메모리와, ( 멤버 변수 ) CPU가 실행할 코드(함수)를 저장할 메모리를 할당 ( 멤버 함수 = 메소드 ) 클래스 : 메모리를 어떻게 사용할건지에 대한 계획서 인스턴스 = 객체 : 계획서(클래스)를 가지고 만든 전체 메모리 ( 변수, 함수 ) 인스턴스(객체) 생성법 클래스이름 exam = new 클래스이름 // 클래스의 설계도에 맞춰서, 새로운 인스턴스 생성후, 인스턴스의 첫주소를 exam에 저장한다. 객체 생성 과정 클래스를 만듬 ( 계획서 ) new 명령어로 클래스의 형태에 따라..

코딩, 프로그래밍 이란? 컴퓨터 cpu 에게 일을 시키는 것 cpu에게 시킬 수 있는 일 메모리에 데이터를 쓴다 (write) 메모리의 데이터를 읽는다 (read) 메모리에 데이터를 읽고 쓰려면, 필요한 정보 메모리 주소 해야할 작업 (read, write) 쓸 데이터 프로그램이란? cpu에 시킬 작업을 모아둔것 cpu에게 시킬일을 사람이 알아볼 수 있는 언어로 정리해놓은 것 ( 클락 - cpu, 메모리 간의 싱크 맞추기 위한 용도 ) 컴파일러란? 사람의 언어를, cpu의 언어(기계어)의 명령에 대응시킨 약속. 컴파일이란? 사람의 언어를, cpu의 언어(기계어)로 변환하는 작업 아스키코드란? 사람의 언어(영어)를 8비트의 기계어에 대응시켜 만든 규칙 - 7비트만 사용 C언어 시작하기 #include //..

포인터 메모리에 붙혀진 주소 or 이름 ( Dram의 1바이트 마다, 주소가 붙혀져 있다. ) 변수 선언시 포인터 사용예 int i = 10; int : CPU가 정수형태의 메모리 공간(4바이트)을 활성화한다. i : 활성화된 메모리 공간을 사용할때 (호출) i 라는 이름을 붙혀준다. ( 포인터 ) = 10 : 메모리 공간에 10이라는 데이터를 저장한다.

Jest란? javascript 파일을 테스트 하는 Node.js 패키지 Jest 설치 npm i jest Jest 사용법 파일 생성 // exam.js function sum(a, b) { return a + b; } module.exports = sum; 테스트 파일 생성 // sum.test.js const sum = require('./sum'); test('1 + 2 가 3인가 테스트', () => { expect(sum(1,2)).toBe(3); }); package.json에 명령어 생성 //package.json { "scripts": { "test": "jest" } } 명령어 사용해서 테스트 하기 // npm npm run test // yarn yarn test

SWC란? Rust 기반 컴파일러 겸 번들러 최신 js 기능을 사용하는 js/ts 파일을 불러오고, 주요 브라우저에서 지원하는 코드로 변환한다. ( 단일 쓰레드 속도 Babel의 20배 ~ 70배 성능 향상 ) Next.js에서의 SWC Next.js는 빠른 빌드와, 로컬 개발의 즉각적인 피드백을 위해 SWC를 사용한다. 네이티브 컴파일을 활용하는 Rust 기반 컴파일러를 도입 최근 Next.js 12.1 추가기능 styled-components importSource legacy-decorators relay remove-react-properties remove-console 위의 6가지 기능이 Next.js의 컴파일러에 추가되었다.

번들링이란? html 파일에 들어가는 여러개의 js,css,png,jpg파일들(에셋)을, 웹페이지가 이해할 수 있는 하나의 파일(번들)로 합치는 것

ISR 이란? 이미 빌드된 웹에, 정적 페이지를 새롭게 추가하거나, 업데이트 할 수 있도록 하는 Next.js 기능 ( next build 를 지원하는 곳에서 작동한다 ) ISR 사용법 function Blog({ posts }) { return ( {posts.map((post) => ( {post.title} ))} ) } // 이 함수는 서버사이드에서, 빌드시에 실행(호출)됨 // 만약 서버사이드에서 다시 호출된다면, 재검증이 활성화되고 새로운 요청이 들어옴 export async function getStaticProps() { const res = await fetch('https://.../posts') const posts = await res.json() return { props: { p..

정적 페이지 순수 HTML로 이루어진 페이지 동적 페이지 javascript를 이용하여 만들어진 페이지

Heroku란? 호스팅 서비스