mdn공식문서에 따르면 Number.isInteger()메서드는 인수의 값이 integer인지 아닌지를 반환해준다. 즉, 인수가 정수이면 true, 그외의 다른 숫자형 데이터 형식이거나 Number에 속하는 특수한 값인 Infinity, NaN은 false
toString(n)메서드에 변환하려는 진법을 전달하면, 전달한 n에 따라서 진법이 변환되어 선언해놓은 10진법의 수를 변환하여 문자열로 반환한다.parseInt('number', n)메서드를 사용해 n진법의 number를 10진법으로 변환할 수 있다.toString(
대표적인 React의 Hook으로는 useState,useEffect,useCallback,useRef, useMemo 등이 있다.기존에는 컴포넌트 내에서 State와 생명주기를 관리하기 위해 반드시 클래스 컴포넌트(Class Componenet)를 사용해야 했지만 개
github에 올리지 말아야 할 민감한 정보가 담긴 파일이 이미 원격저장소로 올라갔다면 아래의 명령어로 파일 자체를 삭제할 수 있다.해당 파일을 지워도 .gitignore에 파일이 없는채로 push를 하면 다시 원격에 올라가므로 잊지말고 .gitignore에 추가하여
State란 Component 내에서 유동적으로 변할 수 있는 값을 저장한다. 개발자가 의도한 동작에 의해 변할 수도 있고 사용자의 입력에 따라 새로운 값으로 변경될 수도 있다. State 값이 변경되고 재렌더링이 필요한 경우에 React가 자동으로 계산하여 변경된 부
기본적으로 Component에 원하는 값을 넘겨줄 때 사용하며 넘겨줄 수 있는 값은 변수, 함수, 객체, 배열 등 Javascript 요소라면 제한이 따로 없다.주로 Component의 재사용을 위해 사용한다.Props의 값을 임의로 변경해서 사용하는 것을 지양한다.\
React에서 페이지를 구성하는 최소단위Component의 이름은 대문자로 시작Class Component/Function Component로 나뉨Controlled Component/Uncontrolled Component위와 같이 Component를 만들고 아래의
함수 호출과 객체 생성을 위한 문법적 편의를 제공하는 JavaScript의 확장HTML과 비슷하게 생겼으나 JavaScript이고 HTML과 다른 부분이 엄연히 있음Babel에 의해서 Tracnscompile 된다.위의 코드처럼 리액트가 js로 변환되어 있는 코드보다
React 프로젝트를 손쉽게 생성할 수 있도록 도와주는 '보일러플레이트(Boierplate)'수많은 React용 보일러플레이트가 있지만 메타(이전의 페이스북)에서 직접 만들어서 관리하는 Create React App이 가장 많이 쓰임프로젝트 생성에 필요한 다양한 기능을
React에서 서비스를 개발하는 데 있어 독립적인 단위로 쪼개어 구현가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화 하는 프로그래밍 개념JavaScript 내에서 UI를 작성하기 위해 개발자에게 익숙한 환경을 제공, HT
mongoose 공식문서(https://mongoosejs.com/docs/guide.htmlmongodb에서는 각 도큐먼트에 식별자인 \_id를 자동으로 생성한다.이는 option에서 id를 false로 설정하면 이 프로퍼티를 받지 않을 수 있다.create
MongoDB는 탈 RDBMS를 의미하는 표준화된 구조적 질의 언어가 없는 데이터베이스 또는 관계를 갖지 않는 데이터베이스의 NoSQL의 Document Database의 한 종류이다.이처럼 MongoDB는 관계형 데이터베이스가 아니지만 스키마를 통해 관계를 설정함으로
NoSQL은 비관계형 데이터베이스를 지칭한다.즉, 관계형 데이터 모델을 지양 하며 대량의 분산된 데이터를 저장하고 조회하는 데 특화되었으며 스키마 없이 사용 가능하거나 느슨한 스키마를 제공하는 저장소를 말한다.NoSQL은 기존 RDBMS 형태의 관계형 데이터베이스가 아
📌 JavaScript는 동기적이고, blocking(블로킹)이며, single-threaded(싱글 스레드)한 언어이다. 그러나 모든 것에서의 특성을 의미하지 않고 오직 한 연산에서의 특성을 의미한다.프로그램은 여러 함수들의 집합이다. 메인 함수가 큰 task를 처
그렇다면 동기와 비동기가 무엇일까?동기(Syncronous) : 요청을 보낸 후 응답(결과물)을 받아야지만 다음 동작이 이루어지는 방식비동기(Asynchronous) : 요청을 보낸 후 프로세스의 완료를 기다리지 않고 동시에 다른 작업을 처리하는 방식📌 JavaScr
에러메시지에 나와있는 그대로 어떠한 'name'이 재선언 되었기 때문이다.TypeScript는 import나 export가 파일 내에서 사용되지 않으면, 해당 파일을 module(모듈)이 아닌 script(스크립트)로 간주한다. script는 <script />
프로젝트를 진행하며 프론트 서버는 client 디렉토리에서, 백 서버는 루트 디렉토리에서 yarn start를 통해 서버를 실행시키는 도중에 concurrently(👉npm 링크)라는 라이브러리를 이용하여 동시에 실행시킬 수 있다는 것을 알게 되었다.동시에 실행하고자
SEO(Search Engine Optimization) 검색 엔진 최적화. 네이버나 구글같은 검색 엔진에 뭔가를 검색했을 때, 내가 만든 사이트가 검색 결과에 더 잘 보이게 하기 위한 과정이다. SEO 과정 크롤링 : 웹 크롤러를 이용하여 웹 페이지 정보를 가져온
초창기에는 모든 웹 페이지가 정적인 페이지였다. 대부분의 로직은 서버에서 수행되었고, 브라우저는 서버로부터 전달받은 정적인 HTML과 CSS를 단순히 렌더링하는 방식으로 동작했다. 즉, 우리가 웹 사이트에 접속하면 브라우저는 서버에 간단한 HTTP 요청을 전송하고, 서
업로드중..싱글 페이지 즉, 하나의 페이지로 이루어진 홈페이지이다.하나의 페이지로만 구성되어 있어 CSR에 적합하다.데이터를 수정, 조회할 때 동적으로 페이지를 구성하여 페이지가 새로고침 되지 않고 다른 페이지로 넘어가지 않는다.현재 웹개발의 트랜드로 React, Vu