영화 검색 사이트를 만드는 작은 프로젝트를 구현하며, 회원가입 로그인은 localStorage, sessionStorage를 이용하고, 영화 리뷰댓글 기능을 firebase를 사용하려한다.바닐라 js에서 별도로 npm이런거 안쓰고 바로 html파일에 저거 넣으면 쉽게

요청에 대한 응답코드로 간결하게 응답의 의미를 전달하는 방식이다.웹 표준으로 잡힌 방식으로 크게 5가지로 나뉜다.100번대: Information, 정보100: Countinue102: Processing, 처리중200번대: Successful, 성공시 보냄200: O

nest에선 RESTful API를 설명하는 데 사용하는 모듈을 제공한다.설치를 하고, main.ts파일에서 클래스를 이용해 Swagger를 초기화 한다.DocumentBuilder: 문서를 구성할 때 사용하고, 제목, 설명, 버전 등을 설정하는 메서드를 제공한다.cr

nestjs에서는 모듈을 만들거나 그 안에 컨트롤러 서비스 등등 전부 cli를 통해서 만들 수 있다.위처럼 만들면 scr폴더내에 cats라는 모듈로 여러 파일들이 생성된다.app.module에도 자동으로 만들어진 모듈이 import됨라우팅을 만질 때 특정 모듈내의 컨트

개인블로그있는 개발자들이 멋있어서 따라한리액트로 블로그를 개발하는 개인프로젝트를 진행하고 있다.DB는 firebase를 사용해서 구현하고 있었는데,firebase로 구현보다는 직접 백엔드를 구현하는게 더 멋있는 것 같아서,node.js를 공부하면서 server도 만들어

js와는 달리 node는 코드로 모듈을 만들 수 있다.어떤 기능을 하는 함수나 변수의 집합을 모듈이라고하는데,모듈은 그 자체가 하나의 프로그램이면서 다른 프로그램의 부품이다.위에서 저 js가 모듈임 ㅇㅇ재사용성이 강하다. 보통은 파일 하나를 모듈 하나로 만들고,그래야

frontend에서 사용되는 기능인데 보통 HTML에서 script안에 작정하는 부분인 AJAX로 FormData를 보내는 과정을 할아보자. AJAX ajax(Asynchronous Javascript And XML)는 비동기 웹 서비스 개발 시 사용하는 기법 중 하

2015년 js문법에 큰 변화가있었는데, 그때 나온 문법이 ES6이다.구형 브라우저에서는 호환이 안되는데, babel같은거로 문법 변환해주면 문제 없이 사용할 수 있다.js를 배울때 var부터 배우는데 const, let만 사용하자.스코프var는 함수나 if문같은 블록

MongoDB CRUD를 사용해서 팀원들을 소개하는 미니 프로젝트를 Python의 웹 프레임워크인 Flask로 구현해보는 과정에서 db에 담긴 내용을 수정하는 과정에서 js로 했던 방식과 다른 부분이 있었다.js에서 mongodb update하는 방식 글https&#x

python에서 mongoDB를 연동하는 도중서버가 실행이 됐지만 브라우저에 접속 시 계속 로딩이 지속되면서, timeout에러가 발생했다.ServerSelectionTimeoutError같은 에러가 뜨는 이유는DB Atlas를 사용해서 연동할 때, 브라우저나 인터넷

MongoDB CRUD를 사용해서 팀원들을 소개하는 미니 프로젝트를 Python의 웹 프레임워크인 Flask로 구현해보는 과정에서 db에 담긴 내용을 읽어와서 html에 전송하는 방식으로 진행했는데flask에서 렌더링 할 때,즉, html GET요청을 받을때 respo

팀원 소개를 하는 미니프로젝트를 하면서 문의를 받는 contact페이지를 만드는 만드는 도중, 이메일보내는 기능을 추가하는 작업을 하려고 하다가..js로 이메일을 보내는 방식중에 emailJS라는걸 찾았다.http://www.emailjs.comemailJS는

: git repoitory 컴퓨터에 생성 : 이미 있는 repo를 클론 : 변경 파일 모두 add : 변경 내용 커밋 : 변경 상태 확인 : 변경사항 다운로드 : 마스터 브랜치에 푸쉬 : 특정 브랜치에 푸쉬 : 브랜치 생성 : 브랜치의 가장 최근 커

동기식처리란 한번에 코드를 한줄 씩 차례차례실행한다는 뜻인데,js를 실행하는 웹브라우저는 stack 코드실행 공간이 있다.거기서 코드를 한줄씩 차례대로 실행한다.특정코드를 1초뒤에 실행하고싶을 때setTimeout(function() {}, 1000)이런거 쓰면된다.이

Array, Object자료형에 있는 중요 자료를 변수로 꺼낼때여러 자료를 뽑아 변수로 만드려면 코드가 길어지게 된다.그럴때 destructuring쓰면됨보통 이런식으로 꺼내쓰게 되는ㄴ데이렇게 해도 됨그럼 변수 a, b, c에 각각 들어간다.이렇게하면 값이 안들어오는

getter, setter는 object내의 함수들을 괄호없이 쓸 수 있게 만들어주는 키워드인데,데이터의 무결성을 보존하기 위해 쓰는 키워드 이다.원본데이터는 immutable해야한다는데,데이터를 수정, 출력 시 직접 원본 데이터를 만지는게 아닌 함수로 간접적으로 다뤄

js에서 object를 여러개 만들어야할 때 사용하는 문법인데,뭐 이런식으로 수도없이 만들어야한다고 할 땐 비슷해서 막 복사하면 reference가 저장되니까 안되고,그럴때 사용하는 문법이다.이렇게 하면 저 f함수안에 들어있는 name과 age가 그대로 여러개가 만들어

js의 자료형은 Primitive, Reference 크게 두개로 분류한다.자료 자체가 변수에 저장되는 자료들문자, 숫자 자료형들이 대표적인 친구들이다.이렇게 문자나 숫자 자료형은 변수에 직접 저장된다.얘가 좀 이상한데Array, Object자료형은 이친구에 속한다.r

js ES6부터 추가된 함수를 만드는 문법인 arrow function을 알아보장보통 함수를 만들 때는 이렇게 사용한다.화살표함수로 사용하면?function이라고 쓰는거 귀찮은데 잘됐다.함수를 사용하는 이유는여러가지 기능을 하는 코드를 하나로 묶고 재사용할 때,입출력

js에서 this키워드는 다양한 의미를 가지는데환경에 따라서 정리해보자아무 html파일에서 <script>태그 써서 this콘솔에 출력하면 window {} 이런 식으로 나온다.함수내에서도 마찬가지로 나오는데이 window는 모든 전역함수, 함수, DOM을 보관