변수란 무엇인가? 왜 필요한가? 컴퓨터는 연산과 기억을 수행하는 부품이 나눠져 있다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트)이며, 컴퓨

module의 종류는 두 가지가 존재하는데, 첫 번째는 정적인 'static module'이다.위 그림을 보면 UsersModule은 어떤 설정도 되어있지 않다.두 번째 모듈은 동적인 'Dynamic module'이다. 위 그림을 보면 forRoot로 여러가지 설정이

JWT(Json Web Token) Generating JWT jsonwebtoken 라이브러리를 설치합니다. npm i jsonwebtoken, npm i @types/jsonwebtoken --only-dev .env.dev 파일에 SECRET_KEY를 설정합니

초창기 자바스크립트는 웹페이지의 보조적인 기능을 수행하기 위해 한정적인 용도로 사용되었다. 이 시기에 대부분의 로직은 주로 웹 서버에서 실행되었고, 브라우저는 서버로부터 전달받은 HTML과 CSS를 단순히 렌더링하는 수준이었다.💡 렌더링(Rendering)HTML,

컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 이를 위해 먼저 무엇을 실행하고 싶은지 정의할 필요가 있다. 프로그래밍에 앞서 해결해야 할 문제를 명확히 이해한 후 적절한 문제 해결 방안을 정의할 필요가 있다.즉, 프로그래밍이란 0과 1밖에 알지 못하는 기계가 실행

input 문자열에 대해 이상한 output 문자열을 출력하는 함수일방향성: output을 토대로 input 역추정 불가.input을 조금만 수정해도 output은 크게 달라짐.input에 대한 output은 언제나 동일 => rainbow table에서 확인 가능.s

enum은 특정 허용 값 집합으로 제한되는 특수한 종류의 스칼라입니다. 이 유형의 모든 인수가 허용되는 값 중 하나인지 확인합니다. 필드가 항상 유한한 값 집합 중 하나임을 유형 시스템을 통해 전달합니다.code first 접근 방식을 사용할 때 TypeScript e

추가 기능을 사용할 수 있는 몇 가지 Special columns들이 있습니다.@PrimaryGeneratedColumn은 자동생성되는 ID값을 표현하는 방식을 2가지 옵션을 사용할 수 있도록 도와줍니다.@CreateDateColumn은 엔터티의 삽입 날짜로 자동 설정

함수형 프로그래밍은 선언형 프로그래밍의 특징을 갖고 있다. 어떻게 할 것인가 보다는 무엇을 할 것인가를 표현한다. 거의 모든 것을 순수 함수로 나누어 조합하여 문제를 해결하는 기법으로, 작은 문제를 해결하기 위한 함수를 작성하여 가독성을 높이고 유지보수를 용이하게 해준

객체 지향 프로그래밍 이전의 프로그래밍은 컴퓨터가 사고하는대로 프로그래밍을 하는 컴퓨터 중심의 프로그래밍이었다. 하지만 객체 지향 프로그래밍의 개념이 생기고 난 후 인간 중심적 프로그래밍을 할 수 있게 되었다. 즉, 현실 세계를 프로그래밍으로 옮겨와 프로그래밍을 할 수

웹에서 보이는 글, 문서, 그림 등 정보를 주는 콘텐츠와 그 콘텐츠의 위치 등을 지정하는 역할을 한다.집으로 따지면 구조에 해당한다고 볼 수 있다.예를 들어 네이버에서 네이버라는 글자, 로그인이라는 글자 등 콘텐츠들은 모두 html에 해당한다고 볼 수 있다. 콘텐츠를

웹 표준 웹 표준은 웹에서 사용되는 기술들의 표준화를 의미한다. 즉, 웹 사이트를 구성하는 HTML, CSS, JavaScript 등의 언어들이 표준화된 방식으로 작성되어야 한다는 것이다. 쉽게 말하면 사용자가 어떤 브라우저나 기기를 사용하더라도 홈페이지 화면을 동일하

Next.js 사용 generateStaticParams() 페이지를 미리 생성할 수 있는 방법 동적 라우팅은 정해진 경로가 아닌 동적으로 어떤 경로라도 접근할 수 있기 때문에 build 할 때 페이지를 미리 만들어 둘 수 없다. 원하는 경로에 한해서 페이지를 미리

리액트를 베이스로한 프레임워크이다.웹/앱을 개발하는데 리액트만으로는 힘든 것들을 가능하게 해준다.가장 큰 특징으로는 Server Side Rendering 이다.렌더링 하는 주체가 client. 웹 client에서 client가 가리키는 것은 브라우저이다. 즉 브라우저

자바스크립트나 타입스크립트로 서버 애플리케이션을 개발할 수 있는 백엔드 웹 프레임워크\-객체 지향 프로그래밍, 의존성 주입, 과점 지향 프로그래밍과 같은 백엔드 개발 트렌드를 반영하고 있어 고품질의 코드를 작성하는데에 도움을 준다.터미널에서 npm i -g @nestj

필요한 데이터만 가져와서 쓸 수 있다.여러번 서버 통신을 해야 하는 상황에서 한 번만 할 수 있게 해준다.setup터미널에서 npm install apollo-server graphql 입력 후 설치해준다.package.json 파일에서 "type": "module"

ApplicationProgrammingInterface : 내가 무언가와 상호작용 하는 방법을 뜻한다.ex : 내가 텔레비전을 볼 때 on/off 하려면 버튼을 눌러야 하는데 이 버튼이 인터페이스이다.api는 어플리케이션, 서버, 웹사이트를 만든 사람이 만들어서 내놓

리액트에서 라우팅을 하기 위해 사용하는 라이브러리우리가 주소창에 url을 입력했을 때 네트워크 서버상에 해당하는 url의 페이지 전체의 데이터를 요청헙니다. 서버에서 요청된 url에 해당하는 데이터를 전달해 줍니다.url을 입력했을 때 서버상에 전체적인 데이터를 요청하

user interfaces를 만들기 위한 자바스크립트 기반 라이브러리입니다.페이스북에서 어떻게 하면 UI를 빠르게 만들고 어떻게 하면 사용자의 이벤트에 즉각적으로 반응해서 UI를 업데이트 할 수 있을까? 어떻게 간편하게 이런 어플리케이션을 만들 수 있을까 고민을 하여