Map Set Set 객체는 중복되지 않는 유일한 데이터를 수집하여 활용하기 위한 객체이다. Set 값의 데이터 탕비에는 제한이 없다. 객체 타입, 원시 타입 모두 가능하다. 메소드 add(value) clear() delete(value) forEach(call
호이스팅(Hoisting)이란, var 선언문이나 function 선언문 등을 해당 스코프의 선두로 옮긴 것처럼 동작하는 특성JS는 let, const를 포함하여 모든 선언(var, let, const, function, function\*, class)을 호이스팅한다
01033333333010-1110-1111010 0000 0000010.2222.222202-3333-3333이럴 정규표현식으로 한다면??참고)https://www.youtube.com/watch?v=t3M6toIflyQ
Advanced Study createDocumentFragment를 활용하여, 더 효율적으로 DOM을 제어할 수 있다. HTML5 template tag 사용법을 이해할 수 있다. element와 node의 차이를 이해할 수 있다. children과 childNod
버블링 캡쳐링
부모 안의 자식요소들에게 반복되는 이벤트를 처리해야 할 때, 일일이 자식요소에 추가하는 것보다는 부모에 넣어주는 것이 좋음.
Nullish coalescing operator > 널 병합 연산자 (??) 왼쪽 피연산자가 null 또는 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자 | | boolean 논리 연산자 때문에, 왼쪽 피연산
참조) https://velog.io/@yiyb0603/React-Router-dom%EC%9D%98-%EC%9C%A0%EC%9A%A9%ED%95%9C-hooks%EB%93%A4
Json server URL >http://localhost:3001/words?day=1 > json.data의 키 words 안의 객체 중 키 day가 1인 모든 객체를 보여줌. >http://localhost:3001/words/1 > json.data의 키
클래스와 인스턴스, 프로토타입의 관계 prototype이란 this란 constructor 동작원리 -> 유튜브 코딩앙마 constractor super 생략가능?? 참조) https
꼬리재귀
참고 예제 코드 📌Promise.all 한번에 실행되고 모두 이행되면 값을 받는다. 하나의 정보라도 err가 되면 error 발생 최종적으로 배열에 담겨서 나온다. > #### promise > > #### async await 📌Promise.race
위의 코드중 button.addEventListener를 보면 element를 생성하고 document.body에 append한 다음, style을 지정해 주었다. 정상적으로 동작한다.하지만, 코드의 흐름 상 body에 append하기 전, style을 지정해 주고 a
promise, async await의 실행 순서를 이해하고자 작성하였다.하지만, 처음 나의 예상은 다음과 같았다.가장 마지막 console.log('after')이 실행되기 전, start함수에 남아있는 실행을 마저 진행할 것이라고 예상했고, async의 consol
참고)https://github.com/BKJang/dev-tips/issues/42
이 글은 react가 리랜더링되는 상황 중 props가 업데이트되는 상황에 대해 내가 이해한 바를 정리한 글이다. React가 렌더링되는 때는 다음과 같다.state가 업데이트 되었을 때부모 컴포넌트가 렌더링 되었을 때porps가 업데이트 되었을 때이러한 경우 리액트는
: 파일과 Directory 경로 작업을 위한 유틸리티로, 경로작업을 할 때 사용: file명을 제외한 절대경로: file명을 포함한 절대경로: 여러 인자를 넣으면 경로를 묶어 root 경로를 고려한 새로운 경로를 반환한다.: path.join()과 비슷한데 resol
파일 처리와 관련된 작업을 하는 모듈로, FileSystem을 의미메소드들은 동기/비동기로 나뉘며, Sync라는 이름이 붙어있는 메소드가 동기방식을 사용: 동기,콜백함수 return X: 비동기, 모든 작업이 완료되면 callback 실행: promise형태로 사용.
CORS preflight request nodemon header payload body http.createServer buffer response.writeHead request.on() : data, end... end와 write와의 차이는?? ser
고정된 사이즈의 메모리 덩어리메모리에 있는 데이터(바이트 단위) 자체 유니형태로 출력배열 형태 // 배열에 접근하면 아스키코드로 출력이 된다.Fixed-size chuck of memoryarray of integers, byte of data스트림은 파일을 버퍼 단위
jsonjson함수는 인자로 들어온 object 데이터를json 문자열로 변경후,send함수 호출하여 보내는데 비해,sendsend함수는 인자로 들어온 데이터의 타입이object인지 아닌지 검토한다.object이면 json함수를 호출한 뒤,json함수에서 다시 send
아래와 같이 경로를 묶어 처리해 줄 수 있다.하지만, 경로가 더 복잡해지면 이것 또한 가독성, 모듈성, 유지보수성이 떨어진다.때문에, 아래와 같이 router를 통해 모듈화 시킨다.app.jsuser.jspost.jsREST API에서 Body를 파싱할 때 사용미들웨어
: 애플리케이션의 상태를 관리하고, .getState(), .dispach(), .subscribe() 같은 메서드를 제공: React 컴포넌트에 분산되어 있는 상태 객체와 달리 스토어는 하나만 존재합니다. 스토어는 애플리케이션에 상태를 제공하며 상태가 업데이트 되면
npm install packageNamenpm uninstall packageNamenpm llnpm ll -gnpm ll-g--dept=0npm view packageNamenpm outdated npm updatenpm update packageNamenpm i
HTTP(HyperText Transfer Protocol)는 클라이언트와 서버가 웹에서 이미지, 텍스트, 오디오, 비디오 및 다른 모든 종류의 파일과 같은 데이터를 주고받을 때 지켜야 되는 프로토콜(규칙)이다. 브라우저(Client)는 웹 서버(Server)에게 요청
Model : 데이터와 관련된 부분 View : 사용자한테 보여지는 부분 Controller : Model과 View를 이어주는 부분 Model은 Controller와 View에 의존하지 않아야 한다.(Model 내부에 Contorller와 View에 관련된 코드가
getter setter 접근자 프로퍼티(accessor property) 접근자 프로퍼티는 'getter(획득자)'와 ‘setter(설정자)’ 메서드로 표현된다. 객체 리터럴 안에서 getter와 setter 메서드는 get과 set으로 나타낼 수 있다.
📌 유효성 데이터베이스에 접근하는 경우 네트워크 비용이 발생할 수 있다. 때문에 데이터베이스를 접근하기 전 데이터가 유효한지 검사할 필요가 있고, 또한 sanitization을 통해 일관성있는 저장을 할 수 있다. npm i express-validator ex
HTTP 특성 HTTP는 비열결성 및 무상태성이라는 특징을 가진다. 요청에 대한 응답을 처리하게 되면 연결을 끊어버린다. 만약 서버가 다수의 클라이언트와 연결을 계속 유지한다면, 이에 따른 자원 낭비가 증가하기 때문에, 비연결성과 무상태성의 특징으로 불필요한 낭비를 줄
npm i jsonwebtokengenerate a secure password32 length를 추천만약 token을 수정한다면, 아래와 같이 signature가 변경되기 때문에, 더이상 유효한 토큰이 아니다.
React Router로 사용자 인증하기 (로그인/로그아웃)히스토리는 stack으로 쌓인다. 여기에 push는 history 제일 위에 쌓고, replace는 history 제일 위에 있는 원소를 지금 넣을 원소로 바꾸는 것이다.위와 같이 history.push('/h
PK - Primary key, 중복이나 빈값(NULL)이 들어올 수 없음NN - Not Null(빈값) 못들어옴UQ - Unique, 중복 값을 넣을 수 없음BIN - 데이터를 이진 문자열로 저장함(010101 같은)UN - Unsigned data type (- 범
WHEN과 THEN은 한쌍이어야 합니다.WHEN과 THEN은 다수가 존재할 수 있습니다.ELSE가 존재하면 모든 조건에 해당하지 않는 경우에 반환 값을 설정할 수 있습니다.ELSE가 존재하지 않고, 조건에 맞지 않아서 반환 값이 없으면 NULL를 반환합니다.예시서브쿼리
user - follow user와 follow 관계는 다대다 hashtag - post 하나의 해시태그에는 여러개의 포스팅이 잇고 1개의 포스팅에는 여러개의 해시태그를 달 수 있다. 포스트 - 좋아요 / 포스트-댓글 1대 다의 관계 user_id가 잇는 이유는
게시물 작성 : 여러개의 사진, 간단한 글 업로드 가능댓글, 좋아요 : 게시물에 댓글, 좋아요 기능해시태그 : 게시물에 해시태그 추가, 해시태그 클릭시 해당 해시태그가 사용된 모든 게시물을 모아 볼 수 있음follow : 팔로워, 팔로잉users - following
연결 connection ACID beginTransaction
세션 인증 과정 withCredientals / credentials
github의 accessToken을 응답받기 위해 아래와 같은 코드를 작성했다.data.data의 값은 다음과 같이 string 타입으로 응답을 받게 된다.내가 필요로 하는 값은 access_token이기 때문에 다음과 같이 복잡한 추출 과정을 거쳐야 한다.결과를 도
credentials 브라이저에 token이 남아있으면 삭제해 주어야 한다.
form + input 예제 Custom Hook useInput Hook import 참고) https://www.zerocho.com/category/React/post/5fa2376126d8f300042eece4