자기 자신을 호출하는 함수재귀(再歸) : 원래의 자리로 되돌아가거나 되돌아옴.입출력값 정의하기문제를 쪼개고, 입력값이 빈 배열인 경우와 아닌 경우를 나눈다단순한 문제 해결하기탈출조건을 구성한다. 입력값이 빈배열인 경우 0을 리턴복잡한 문제 해결하기arrSum(\[요소1
먼저 세션2는 세션1때보다 훨씬 더 빨리 지나갔다.. 아직 자바스크립트에서 event loop, execution context 같은 복잡한 개념들도 정리 다 못했는데,,, 리액트 들어가고 서버 배우니깐 뇌에 과부하가 와서 머리가 아픈 날이 많았다ㅠ 지금도 블로깅 해야
request.body 받아오는 방식이 복잡함CORS 설정을 각각 메서드마다 돌려줘야 함미들웨어 추가 가능함내장 미들웨어 \[express.json(options)](https://expressjs.com/ko/4x/api.html - CORS설정 - cors
MERN stack= MongoDB, Express, React, Node.jsExpress는 Node.js 환경에서 웹 서버, API 서버를 만들기 위해 사용하는 프레임워크Express로 구현한 서버 - Node.js HTTP 모듈로 작성한 서버와의 차이점미들웨어를
Same-Origin Policy 동일 출처 정책같은 출처(Origin)의 리로스만 공유가 가능하다프로토콜 다른 경우 ( https / http )https://www.codestates.com vs http://www.codestates.com⇒ 두
레오나르드 리차드슨(Leonard Richardson)은 REST API를 잘 적용하기 위한 4단계 모델을 정의했다.사진 출처 - 마틴 파울러(리팩토링 저자)Richardson 성숙도 모델원문 링크 - Richardson Maturity Model - 마틴파울러리팩토링
기초 영상!youtubeiOueE9AXDQQ심도 있는 영상!youtubeRP_f5dMoHFcRepresentational State Transfer2000년, 로이 필딩 Roy T. Fielding의 박사 논문으로 발표됐고, 로이는 HTTP 1.0과 1.1의 주요 저자
Asynchronous JavaScript And XMLHttpRequest데이터를 비동기적으로 서버로부터 받아서 브라우저에 렌더링하는 기법JavaScript, DOM, Fetch, XMLHttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법웹 페이
클라이언트 - 서버 사이에서 데이터 교환되는 방식요청 (requests)응답 (responses)start line : 요청이나 응답의 상태를 나타낸다. 항상 첫 번째 줄에 위치하고 응답에서는 status line이라고 부른다.HTTP headers : 요청을 지정하거
IP 주소 : Internet Protocol address네트워크에 연결된 특정 PC의 주소를 나타내는 체계IP 주소체계의 네 번째 버전. 을 중심으로 각 덩어리가 나눠져 있다.각 덩어리 숫자는 0~255까지 나타낼 수 있다.2^(32)인 약 43억 개의 IP 주소를
서버가 제공되는 환경의 파일위치URL :Uniform Resource Locator네크워트 상에서 웹 페이지, 이미지, 동영상 등 파일이 위치한 정보를 나타낸다.URL은 scheme, hosts, url-path로 구분scheme통신 방식(프로토콜)을 결정합니다. 일반
API : Application Programming Interface Interface 의사소통이 가능하도록 만들어진 접점 ex) 메뉴판 손님이 주문을 할 때 메뉴판을 보고 주문을 해야 하는 것처럼 컴퓨터에 요청을 할때 0과 1로 변환되는 요청을 해야한다. 따라서
Client Server Architecture 2티어 아키텍쳐 설계방식 빈번한 데이터 업데이트가 필요한 경우 서버 - 리소스가 존재하는 곳(리소스를 제공serve하는 곳) 클라이언트 - 리소스를 사용하는 앱 을 분리하는 것이 유리 이렇게 분리시키는 것을 2-Tier
읽은 범위 : p.24 - 78📚 오늘 TIL 3줄 요약모든 기능을 갖춘 팀을 조직하라빌드나 릴리즈, 테스트, 서류 작업, 반복작업, 일상작업은 자동화하기(버전관리, 테스트, 전체 자동화)타인의 코드를 존중해라🎇the end...🎇
화살표함수를 안쓰고 함수명()을 하면 onClick과 상관없이 바로 실행되기 때문이다.따라서 밑에 둘 중 하나만 쓰면 된다.
React SPA를 빠르게 개발할 수 있게 만들어진 툴 체인이다FE 개발 툴nodejs 패키지 필요바벨 JSX를 JS로 변환Jest 테스트돕는Post CSS css transfiler모듈 번들러 다양한 패키지를 묶어주는웹펙
callback 다른 함수의 전달인자로 넘겨주는 함수 parameter를 받는 함수는 callback함수를 필요에 따라서 즉시 실행(synchronously)할수도 있고 나중에 비동기(asynchronously)로 실행할 수 있다 callback in action 반
🔮 요약 >Class 클래스 : 설계도, 틀, 템플릿.    ex) 붕어빵 틀 Object 객체 : 설계도로 구현할 대상. class의 instance. ex) 붕어빵 클래스로 선언됐을 때 Instance 인스턴스 : 설계도로 구현된 실체. &nb
모든 객체들이 메서드,속성을 상속받기 위한 템플릿으로 prototype object를 가진다는 뜻ex) Array.prototype.pop()JavaScript는 prototype 기반 언어다JS는 prototype 기반으로 상속을 흉내내도록 구현한다.ECMA6 표준에