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

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

웹에서 보이는 글, 문서, 그림 등 정보를 주는 콘텐츠와 그 콘텐츠의 위치 등을 지정하는 역할을 한다.집으로 따지면 구조에 해당한다고 볼 수 있다.예를 들어 네이버에서 네이버라는 글자, 로그인이라는 글자 등 콘텐츠들은 모두 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를 업데이트 할 수 있을까? 어떻게 간편하게 이런 어플리케이션을 만들 수 있을까 고민을 하여

올바른 괄호 문제 설명 괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어 "()()" 또는 "(())()" 는 올바른 괄호입니다. ")()(" 또는 "(()(" 는 올바르지 않은 괄호입니다.

Redux는 JavaScript 애플리케이션에서 상태 관리를 위한 도구로서, 다음과 같은 주요 개념을 갖습니다.Store: Redux에서 상태를 저장하는 객체입니다. 모든 상태는 단일 객체(tree) 안에 저장됩니다.Action: 상태 변경을 발생시키는 객체입니다. 상

Semantic HTML은 웹페이지의 구조와 내용을 의미론적으로 표현하는 것을 말합니다. 이는 검색 엔진 최적화(SEO)와 웹 접근성을 향상시키는 데 도움이 되며, 웹페이지의 유지보수 및 개발 시간을 단축시키는 효과도 있습니다.예를 들어, "div" 요소를 사용하여 웹

React에서 state와 props는 데이터를 다루는 개념입니다. 둘 다 JavaScript 객체이고 렌더링에 영향을 줍니다.state는 컴포넌트 내에서 관리되는 데이터의 상태를 의미합니다.state를 변경할 때는 setState 메서드를 사용하며, 이를 통해stat

순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여 설명해주세요. 순수함수는 입력값에 따라 항상 동일한 결과를 반환하며 함수 외부의 상태를 변경하지 않고 사이트 이펙트가 없는 함수를 의미합니다. 순수 함수는 불변성을 유지할 수 있는데, 입력값이 변하지 않기 때문에

문제를 푸는 원리한쪽 배열만 보면 바로 이해할 수 있는 방법입니다.1,2,3이라는 배열이 있다면 3이라는 숫자가 가장 적게 곱해졌을때가 최적의 해가 되는 문제입니다.중복되는 숫자가 있더라도 A와 B배열의 길이가 같기 때문에 큰수가 적게 곱해진다면 결과 또한 작아진다는

쿠키(Cookie)의 MaxAge와 Expires는 쿠키가 유효한 기간을 설정하기 위한 옵션입니다.MaxAge는 쿠키의 유효 기간을 초 단위로 설정하는데, 만료 시간이 지나면 쿠키가 삭제됩니다. 만약 MaxAge가 설정되면, Expires는 무시됩니다.Expires는

useRef는 React 함수형 컴포넌트에서 DOM 요소에 접근하거나, 컴포넌트의 상태를 변화시키지 않으면서 컴포넌트 내부에서 변수를 유지하는 용도로 사용됩니다.이러한 useRef가 필요한 상황은 input 태그에서 onChange 를 하는 상황입니다. onChnage