profile
터벅터벅 나의 개발 일상
post-thumbnail

TIL - 재귀

자기 자신을 호출하는 함수재귀(再歸) : 원래의 자리로 되돌아가거나 되돌아옴.입출력값 정의하기문제를 쪼개고, 입력값이 빈 배열인 경우와 아닌 경우를 나눈다단순한 문제 해결하기탈출조건을 구성한다. 입력값이 빈배열인 경우 0을 리턴복잡한 문제 해결하기arrSum(\[요소1

2일 전
·
0개의 댓글

부트캠프 - 2달 회고

먼저 세션2는 세션1때보다 훨씬 더 빨리 지나갔다.. 아직 자바스크립트에서 event loop, execution context 같은 복잡한 개념들도 정리 다 못했는데,,, 리액트 들어가고 서버 배우니깐 뇌에 과부하가 와서 머리가 아픈 날이 많았다ㅠ 지금도 블로깅 해야

3일 전
·
0개의 댓글

Express - 서버 시작하기

폴더 생성app.js 파일 생성nodemon 으로 서버 열기라우팅하기cors

5일 전
·
0개의 댓글

Node HTTP 모듈 -> Express 서버로 변경하기

request.body 받아오는 방식이 복잡함CORS 설정을 각각 메서드마다 돌려줘야 함미들웨어 추가 가능함내장 미들웨어 \[express.json(options)](https://expressjs.com/ko/4x/api.html - CORS설정 - cors

2022년 6월 17일
·
0개의 댓글

Express - 시작하기

MERN stack= MongoDB, Express, React, Node.jsExpress는 Node.js 환경에서 웹 서버, API 서버를 만들기 위해 사용하는 프레임워크Express로 구현한 서버 - Node.js HTTP 모듈로 작성한 서버와의 차이점미들웨어를

2022년 6월 16일
·
0개의 댓글
post-thumbnail

CORS, SOP

Same-Origin Policy 동일 출처 정책같은 출처(Origin)의 리로스만 공유가 가능하다프로토콜 다른 경우 ( https / http )https://www.codestates.com vs http://www.codestates.com⇒ 두

2022년 6월 16일
·
0개의 댓글
post-thumbnail

RMM - Richardson Maturity Model (4단계)

레오나르드 리차드슨(Leonard Richardson)은 REST API를 잘 적용하기 위한 4단계 모델을 정의했다.사진 출처 - 마틴 파울러(리팩토링 저자)Richardson 성숙도 모델원문 링크 - Richardson Maturity Model - 마틴파울러리팩토링

2022년 6월 10일
·
0개의 댓글
post-thumbnail

REST API

기초 영상!youtubeiOueE9AXDQQ심도 있는 영상!youtubeRP_f5dMoHFcRepresentational State Transfer2000년, 로이 필딩 Roy T. Fielding의 박사 논문으로 발표됐고, 로이는 HTTP 1.0과 1.1의 주요 저자

2022년 6월 10일
·
0개의 댓글
post-thumbnail

AJAX란?

Asynchronous JavaScript And XMLHttpRequest데이터를 비동기적으로 서버로부터 받아서 브라우저에 렌더링하는 기법JavaScript, DOM, Fetch, XMLHttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법웹 페이

2022년 6월 9일
·
0개의 댓글

HTTP Messages

클라이언트 - 서버 사이에서 데이터 교환되는 방식요청 (requests)응답 (responses)start line : 요청이나 응답의 상태를 나타낸다. 항상 첫 번째 줄에 위치하고 응답에서는 status line이라고 부른다.HTTP headers : 요청을 지정하거

2022년 6월 9일
·
0개의 댓글
post-thumbnail

IP, Port

IP 주소 : Internet Protocol address네트워크에 연결된 특정 PC의 주소를 나타내는 체계IP 주소체계의 네 번째 버전. 을 중심으로 각 덩어리가 나눠져 있다.각 덩어리 숫자는 0~255까지 나타낼 수 있다.2^(32)인 약 43억 개의 IP 주소를

2022년 6월 9일
·
0개의 댓글
post-thumbnail

URL & URI

서버가 제공되는 환경의 파일위치URL :Uniform Resource Locator네크워트 상에서 웹 페이지, 이미지, 동영상 등 파일이 위치한 정보를 나타낸다.URL은 scheme, hosts, url-path로 구분scheme통신 방식(프로토콜)을 결정합니다. 일반

2022년 6월 9일
·
0개의 댓글
post-thumbnail

API ?

API : Application Programming Interface Interface 의사소통이 가능하도록 만들어진 접점 ex) 메뉴판 손님이 주문을 할 때 메뉴판을 보고 주문을 해야 하는 것처럼 컴퓨터에 요청을 할때 0과 1로 변환되는 요청을 해야한다. 따라서

2022년 6월 9일
·
0개의 댓글
post-thumbnail

Client Server Architecture

Client Server Architecture 2티어 아키텍쳐 설계방식 빈번한 데이터 업데이트가 필요한 경우 서버 - 리소스가 존재하는 곳(리소스를 제공serve하는 곳) 클라이언트 - 리소스를 사용하는 앱 을 분리하는 것이 유리 이렇게 분리시키는 것을 2-Tier

2022년 6월 9일
·
0개의 댓글
post-thumbnail

리팩토링 2판 - 2022.06.08 - 1장. 리팩터링: 첫 번째 예시

읽은 범위 : p.24 - 78📚 오늘 TIL 3줄 요약모든 기능을 갖춘 팀을 조직하라빌드나 릴리즈, 테스트, 서류 작업, 반복작업, 일상작업은 자동화하기(버전관리, 테스트, 전체 자동화)타인의 코드를 존중해라🎇the end...🎇

2022년 6월 8일
·
0개의 댓글

TIL - onClick에서 화살표함수

화살표함수를 안쓰고 함수명()을 하면 onClick과 상관없이 바로 실행되기 때문이다.따라서 밑에 둘 중 하나만 쓰면 된다.

2022년 6월 6일
·
0개의 댓글
post-thumbnail

React - create-react-app

React SPA를 빠르게 개발할 수 있게 만들어진 툴 체인이다FE 개발 툴nodejs 패키지 필요바벨 JSX를 JS로 변환Jest 테스트돕는Post CSS css transfiler모듈 번들러 다양한 패키지를 묶어주는웹펙

2022년 6월 2일
·
0개의 댓글
post-thumbnail

TIL - Sync vs Async / Blocking vs Non-Blocking

callback 다른 함수의 전달인자로 넘겨주는 함수 parameter를 받는 함수는 callback함수를 필요에 따라서 즉시 실행(synchronously)할수도 있고 나중에 비동기(asynchronously)로 실행할 수 있다 callback in action 반

2022년 5월 27일
·
0개의 댓글
post-thumbnail

TIL - 클래스, 인스턴스, 객체

🔮 요약 >Class 클래스 : 설계도, 틀, 템플릿. &nbsp&nbsp ex) 붕어빵 틀 Object 객체 : 설계도로 구현할 대상. class의 instance. ex) 붕어빵 클래스로 선언됐을 때 Instance 인스턴스 : 설계도로 구현된 실체. &nb

2022년 5월 25일
·
0개의 댓글
post-thumbnail

TIL - prototype은 무엇인가

모든 객체들이 메서드,속성을 상속받기 위한 템플릿으로 prototype object를 가진다는 뜻ex) Array.prototype.pop()JavaScript는 prototype 기반 언어다JS는 prototype 기반으로 상속을 흉내내도록 구현한다.ECMA6 표준에

2022년 5월 25일
·
0개의 댓글