태그 목록
전체보기 (141)JavaScript(92)typescript(15)React(11)알고리즘(8)front end(5)코딩테스트(5)mongodb(4)&&(4)let(4)var(4)this(3)const(3)Math.floor(3)setTimeout(3)클래스(3)break(2)npm(2)number(2)async(2)instanceof(2)반복문(2)appendChild(2)restful api(2)continue(2)alert(2)input(2)nosql(2)객체 지향 프로그래밍(2)mongoose(2)MacOS(2)API(2)조건문(2)String(2)변수(2)parentNode(1)bipartite graph(1)fromCharCode(1)every(1)호출 스택(1)깊은복사(1)terminal(1)동기(1)자료구조(1)이벤트버블링(1)shell(1)querySelector(1)prompt(1)스코프(1)이분 그래프(1)upper_bound(1)http(1)bind(1)프로퍼티(1)호이스팅(1)키보드이벤트(1)옵셔널 체이닝(1)테스크 큐(1)병합연산자(1)constraints(1)BSON(1)함수형 프로그래밍(1)재귀 함수(1)객체(1)유효성검사(1)유사배열(1)절차형 프로그래밍(1)vue(1)형변환(1)fs(1)연산자(1)추상 클래스(1)Math.round(1)globalThis(1)PATH설정(1)캡처링(1)MPA(1)fill(1)제약조건(1)매개변수(1)null(1)유틸리티 타입(1)append(1)await(1)내장 객체(1)JOIN(1)마우스이벤트(1)난수생성(1)환경변수(1)zshrc(1)parseFloat(1)parseInt(1)비동기(1)node.js(1)Math.ceil(1)조건부연산자(1)properties(1)parameter(1)while(1)for(1)includes()(1)anonymous(1)이벤트리스너(1)고차함수(1)타입스크립트(1)escape sequence(1)인수(1)createTextNode(1)optional chaining(1)콜백함수(1)Mongoose ODM(1)charCodeAt(1)query(1)Generic(1)이진탐색 알고리즘(1)hoisting(1)SOME(1)isInteger(1)rowIndex(1)classList(1)쿼리스트링(1)parametric search(1)매서드(1)contextmenu(1)documentFragment(1)REST API(1)bigraph(1)객체리터럴(1)textContent(1)얕은복사(1)프로그래밍(1)foreach(1)interface(1)인터페이스(1)process.exitCode()(1)삼항연산자(1)ClearTimeout(1)제네릭(1)confirm(1)State(1)Sort(1)함수(1)setInterval(1)@Target(1)if문(1)전략패턴(1)lowerbound(1)CSS(1)html(1)구조분해할당(1)hook(1)렉시컬 환경(1)reduce(1)cellIndex(1)nullish coalescing operator(1)CSR(1)SSR(1)렌더링(1)splice(1)innerText(1)parsInt(1)type(1)clearInterval(1)Java Script(1)CurrentTarget(1)화살표 함수(1)InnerHTML(1)split()(1)removeEventListener(1)readonly(1)getter(1)setter(1)concurrently(1)이스케이프 시퀀스(1)실행 컨텍스트(1)Flat(1)spa(1)Query String(1)Strategy Pattern(1)process.exit(1)유니온 타입(1)Defer(1)render(1)상속(1)toString(1)readline(1)seo(1)거듭제곱(1)백그라운드(1)JSX(1)slice(1)ssg(1)틸트(1)Array.from(1)아스키 코드(1)중첩반복문(1)Map(1)디자인 패턴(1)Math.random(1)keyof(1)Factory Pattern with Generics(1)Props(1)CreateElement(1)템플릿 메소드 패턴(1)이벤트 루프(1)검색엔진 최적화(1)algorithm(1)오버라이딩(1)절대경로(1)팩토리(1)trim()(1)set(1)생성자(1)children(1)charAt(1)tolocalestring(1)비밀번호(1)인터페이스 타입(1)static(1)git(1)vim(1)argument(1)undefined(1)배열(1)cors(1)템플릿 문자열(1)node-scss(1)접근 제어자(1)web(1)component(1)math(1)파라메트릭 서치(1)

[JavaScript]-isInteger(), 값이 정수인지 아닌지 판별하기

mdn공식문서에 따르면 Number.isInteger()메서드는 인수의 값이 integer인지 아닌지를 반환해준다. 즉, 인수가 정수이면 true, 그외의 다른 숫자형 데이터 형식이거나 Number에 속하는 특수한 값인 Infinity, NaN은 false

2023년 11월 22일
·
0개의 댓글
·

[JavaScript]-진법 변환

toString(n)메서드에 변환하려는 진법을 전달하면, 전달한 n에 따라서 진법이 변환되어 선언해놓은 10진법의 수를 변환하여 문자열로 반환한다.parseInt('number', n)메서드를 사용해 n진법의 number를 10진법으로 변환할 수 있다.toString(

2023년 11월 18일
·
1개의 댓글
·

[React]-Hook

대표적인 React의 Hook으로는 useState,useEffect,useCallback,useRef, useMemo 등이 있다.기존에는 컴포넌트 내에서 State와 생명주기를 관리하기 위해 반드시 클래스 컴포넌트(Class Componenet)를 사용해야 했지만 개

2023년 11월 15일
·
0개의 댓글
·

[Git]-특정 파일을 history에서 아예 삭제해야 할 경우

github에 올리지 말아야 할 민감한 정보가 담긴 파일이 이미 원격저장소로 올라갔다면 아래의 명령어로 파일 자체를 삭제할 수 있다.해당 파일을 지워도 .gitignore에 파일이 없는채로 push를 하면 다시 원격에 올라가므로 잊지말고 .gitignore에 추가하여

2023년 11월 14일
·
0개의 댓글
·

[React]-State

State란 Component 내에서 유동적으로 변할 수 있는 값을 저장한다. 개발자가 의도한 동작에 의해 변할 수도 있고 사용자의 입력에 따라 새로운 값으로 변경될 수도 있다. State 값이 변경되고 재렌더링이 필요한 경우에 React가 자동으로 계산하여 변경된 부

2023년 11월 13일
·
0개의 댓글
·

[React]-Props

기본적으로 Component에 원하는 값을 넘겨줄 때 사용하며 넘겨줄 수 있는 값은 변수, 함수, 객체, 배열 등 Javascript 요소라면 제한이 따로 없다.주로 Component의 재사용을 위해 사용한다.Props의 값을 임의로 변경해서 사용하는 것을 지양한다.\

2023년 11월 13일
·
0개의 댓글
·

[React]-Component

React에서 페이지를 구성하는 최소단위Component의 이름은 대문자로 시작Class Component/Function Component로 나뉨Controlled Component/Uncontrolled Component위와 같이 Component를 만들고 아래의

2023년 11월 13일
·
0개의 댓글
·

[React]-JSX

함수 호출과 객체 생성을 위한 문법적 편의를 제공하는 JavaScript의 확장HTML과 비슷하게 생겼으나 JavaScript이고 HTML과 다른 부분이 엄연히 있음Babel에 의해서 Tracnscompile 된다.위의 코드처럼 리액트가 js로 변환되어 있는 코드보다

2023년 11월 13일
·
0개의 댓글
·

[React]-Create React App(CRA)과 Node.js/NPM

React 프로젝트를 손쉽게 생성할 수 있도록 도와주는 '보일러플레이트(Boierplate)'수많은 React용 보일러플레이트가 있지만 메타(이전의 페이스북)에서 직접 만들어서 관리하는 Create React App이 가장 많이 쓰임프로젝트 생성에 필요한 다양한 기능을

2023년 11월 13일
·
0개의 댓글
·
post-thumbnail

[React]-왜 리액트를 사용할까

React에서 서비스를 개발하는 데 있어 독립적인 단위로 쪼개어 구현가상적인 표현을 메모리에 저장하고 ReactDOM과 같은 라이브러리에 의해 실제 DOM과 동기화 하는 프로그래밍 개념JavaScript 내에서 UI를 작성하기 위해 개발자에게 익숙한 환경을 제공, HT

2023년 11월 13일
·
0개의 댓글
·
post-thumbnail

[MongoDB]-mongoose 스키마 options

mongoose 공식문서(https://mongoosejs.com/docs/guide.htmlmongodb에서는 각 도큐먼트에 식별자인 \_id를 자동으로 생성한다.이는 option에서 id를 false로 설정하면 이 프로퍼티를 받지 않을 수 있다.create

2023년 11월 2일
·
0개의 댓글
·

[MongoDB]-Mongoose 스키마 디자인 관계 유형

MongoDB는 탈 RDBMS를 의미하는 표준화된 구조적 질의 언어가 없는 데이터베이스 또는 관계를 갖지 않는 데이터베이스의 NoSQL의 Document Database의 한 종류이다.이처럼 MongoDB는 관계형 데이터베이스가 아니지만 스키마를 통해 관계를 설정함으로

2023년 11월 2일
·
0개의 댓글
·
post-thumbnail

[MongoDB]-NoSQL 데이터베이스란?

NoSQL은 비관계형 데이터베이스를 지칭한다.즉, 관계형 데이터 모델을 지양 하며 대량의 분산된 데이터를 저장하고 조회하는 데 특화되었으며 스키마 없이 사용 가능하거나 느슨한 스키마를 제공하는 저장소를 말한다.NoSQL은 기존 RDBMS 형태의 관계형 데이터베이스가 아

2023년 11월 2일
·
0개의 댓글
·
post-thumbnail

[JavaScript]-동기와 비동기, 그리고 블로킹과 논블로킹

📌 JavaScript는 동기적이고, blocking(블로킹)이며, single-threaded(싱글 스레드)한 언어이다. 그러나 모든 것에서의 특성을 의미하지 않고 오직 한 연산에서의 특성을 의미한다.프로그램은 여러 함수들의 집합이다. 메인 함수가 큰 task를 처

2023년 10월 30일
·
0개의 댓글
·

[JavaScript]-동기적 언어를 비동기적 처리하기

그렇다면 동기와 비동기가 무엇일까?동기(Syncronous) : 요청을 보낸 후 응답(결과물)을 받아야지만 다음 동작이 이루어지는 방식비동기(Asynchronous) : 요청을 보낸 후 프로세스의 완료를 기다리지 않고 동시에 다른 작업을 처리하는 방식📌 JavaScr

2023년 10월 30일
·
0개의 댓글
·
post-thumbnail

[TypeScript]-cannot redeclare block-scoped variable 에러

에러메시지에 나와있는 그대로 어떠한 'name'이 재선언 되었기 때문이다.TypeScript는 import나 export가 파일 내에서 사용되지 않으면, 해당 파일을 module(모듈)이 아닌 script(스크립트)로 간주한다. script는 <script />

2023년 10월 29일
·
0개의 댓글
·

[concurrently] client와 server 동시실행하기

프로젝트를 진행하며 프론트 서버는 client 디렉토리에서, 백 서버는 루트 디렉토리에서 yarn start를 통해 서버를 실행시키는 도중에 concurrently(👉npm 링크)라는 라이브러리를 이용하여 동시에 실행시킬 수 있다는 것을 알게 되었다.동시에 실행하고자

2023년 10월 29일
·
0개의 댓글
·

검색엔진 최적화(SEO)란?(feat. React)

SEO(Search Engine Optimization) 검색 엔진 최적화. 네이버나 구글같은 검색 엔진에 뭔가를 검색했을 때, 내가 만든 사이트가 검색 결과에 더 잘 보이게 하기 위한 과정이다. SEO 과정 크롤링 : 웹 크롤러를 이용하여 웹 페이지 정보를 가져온

2023년 10월 27일
·
0개의 댓글
·
post-thumbnail

웹 렌더링 방식(CSR, SSR, SSG) 알아보기

초창기에는 모든 웹 페이지가 정적인 페이지였다. 대부분의 로직은 서버에서 수행되었고, 브라우저는 서버로부터 전달받은 정적인 HTML과 CSS를 단순히 렌더링하는 방식으로 동작했다. 즉, 우리가 웹 사이트에 접속하면 브라우저는 서버에 간단한 HTTP 요청을 전송하고, 서

2023년 10월 27일
·
0개의 댓글
·

SPA vs MPA

업로드중..싱글 페이지 즉, 하나의 페이지로 이루어진 홈페이지이다.하나의 페이지로만 구성되어 있어 CSR에 적합하다.데이터를 수정, 조회할 때 동적으로 페이지를 구성하여 페이지가 새로고침 되지 않고 다른 페이지로 넘어가지 않는다.현재 웹개발의 트랜드로 React, Vu

2023년 10월 27일
·
0개의 댓글
·