개발 신생아

객체지향 프로그래밍(Object Oriented Programming) 객체 지향 프로그래밍은 컴퓨터 프로그래밍 패러다임 중 하나로, 프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체를 만들고 그 객체들 간의 유기적인 상호작요을 통해 로직을 구성하는 프로그래밍 방법이다. 장점 코드 재사용이 용이 남이 만든 클래스를 가져와서 이용 가능, 상속을 통해 확장해서 사용 가능 유지보수가 쉽다 절차 지향 프로그래밍에서는 코드를 수정해야할 때 일일이 찾아 수정해야하는 반면 객체 지향 프로그래밍에서는 수정해야 할 부분이 클래스 내부에 멤버 변수 혹은 메서드로 존재하기 떄문에 해당 부분만 수정하면 된다. 대형 프로젝트에 적합 클래스 단위로 모듈화 시켜서 개발할 수 있으므로 대형 프로젝트를 개발할때 업무 ..

forEach for문을 대체할 수 있는 함수, 콜백함수를 인자로 받고 각 요소에 콜백 함수를 실행시킨다. 즉, 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출한다. 단, 아무 값도 반환하지 않는다. 문법 const arr = [1, 2, 3, 4, 5, 6]; const arr2 = arr.forEach((currentElement, index, array) => { console.log(`요소: ${currentElement}`); // 배열의 요소가 순서대로 출력된다 1, 2, 3, 4, 5, 6 console.log(`index: ${index}`); // 0, 1, 2, 3, 4, 5 순서대로 출력 console.log(array) // [1, 2, 3, 4,..

CORS(Cross Origin Resource Sharing) 웹 개발자라면 한번쯤은 CORS와 관련하여 콘솔에 뜨는 빨간 글씨의 에러를 본적이 있을 것이다. 하지만, CORS 정책이 괜히 존재하는 것이 아니다. 브라우저의 보안과 관련하여 아주 중요한 역할을 수행하기 때문이다. Origin(출처) 란? 이는 URL, 도메인 등과 비슷해 보이지만 엄연히 의미가 다르다. Origin은 url에서 프로토콜, 도메인, 포트 번호를 합친 부분을 의미한다. ex) URL : https://naver.com:80/posts/123456?data=789#abc 여기서 프로토콜에 해당하는 부분은 https:// 이고, 도메인에 해당하는 부분은naver.com이며, 포트 번호에 해당하는 부분은 :80이다. 따라서 Ori..

SPA(Single Page Application) 한개의 페이지로 구성된 어플리케이션 MPA(Multi Page Application) 여러개의 페이지로 구성된 어플리케이션 MPA vs SPA MPA 새로운 페이지를 요청할 때마다 정적 리소스가 다운로드 되고, 그에 맞춰 전체 페이지를 다시 렌더링한다. 인터넷 주소창에 주소를 입력하거나, 링크를 클릭하는 등 사용자가 어떤 요청을 하면, 그에 맞는 html, 이미지 등의 파일들이 전부 다운로드 되고 다시 렌더링 된다. SPA 웹 애플리케이션에 필요한 모든 정적 리소스를 최초 한번에 다운로드 한다. 그 이후 새로운 페이지 요청이 있을 경우, 페이지 갱신에 필요한 데이터만 전달받아 페이지를 갱신한다. 어떤 링크를 클릭한다고 해서 그에 관련된 모든 파일을 다운..

웹 프로토콜 웹에서 쓰이는 통신규약으로, 통신규약이란 통신을 할때 "내가 이렇게 할게 너는 이렇게 해줘" 라고 약속하는 것이다. HTTP(Hyper Text Transfer Protocol) HTTP는 브라우저가 웹 서버와 통신하기 위해 사용하는 주요 프로토콜이다. 즉, 인터넷에서 데이터를 주고 받을 수 있는 통신규약 정도로 생각하면 된다. HTTP Method (HTTP request가 의도하는 action을 정의한 것) GET : 문서를 요청, 서버가 클라이언트에 상태 정보와 복제된 문서를 보냄으로 응답을 함.(조회) POST : 데이터를 서버로 송신, 서버는 해당 데이터를 특정 아이템에 덧붙임(생성) PUT : 데이터를 서버로 송신, 서버가 특정 아이템을 완전히 대체한다(수정) DELETE : 데이..

Git 오픈 소스 버전 관리 시스템 로컬에서 버전 관리 소프트웨어 개발 및 소스 코드 관리에 사용 git은 본인의 코드와 그 수정내역을 기록하고 관리하도록 돕는 버전 관리 프로그램이다. 로컬에서 프로젝트의 기록을 스스로 관리할 수 있도록 해준다. git을 통해 브랜치를 생성 및 이전 브랜치로 복구, 삭제, 병합이 가능하다. 하지만 로컬 저장소를 사용하기 때문에 다른 개발자와 실시간으로 작업을 공유할 수 없다. 장점 인터넷이 연결이 되지 않은 곳에서도 개발 진행 가능 분산 버전관리이기 떄문에 중앙 저장소가 삭제되어도 원상복구가 가능 각각의 개발자가 Branch에서 개발한 뒤, 본 프로그램에 합치는 merge방식을 통한 병렬 개발 가능 기본용어 Repository: 저장소, 저장소는 히스토리, 태그, 소스의..

Ajax Asynchronous Javascript and XML(비동기식 자바스크립트와 xml)의 약자이다. 서버와 비동기적으로 데이터 주고받는 JS기술을 의미한다. Ajax를 이해하기 위해선 Server를 알아야한다. 왜? Ajax는 서버랑 통신하는 기술이기 때문이다. Server 유저가 데이터 요청하면 데이터 보내주는 프로그램이라고 생각하면 된다. Ex) 유저가 웹툰주세요. => 네이버 웹툰 서버는 웹툰을 줌 데이터 요청하면 데이터 보내주는 시스템이다. 즉, 서버한테 요구해서 데이터를 가져와 HTML에 보여주면 이걸 웹서비스라 한다. 요청하는 방식 데이터의 정확한 URL을 알아야한다. 그 URL로 GET요청을 날려야 한다. => URL은 서버 개발자한테 물어보면 알려준다. GET요청을 하는 방법 1..

Rest(Representational State Transfer) 로이 필딩의 2000년 박사학위 논문에서 소개된 용어로 "웹에 존재하는 모든 자원(이미지, 동영상, DB 자원)에 고유한 URI를 부여해 활용"하는 것으로, 자원을 정의하고 자원에 대한 주소를 지정하는 방법론을 의미한다. 즉, REST란 HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE, PATCH 등)을 통해 해당 자원(URI)에 대한 CRUD Operation을 적용하는 것을 의미한다. REST 구성요소 자원(Resource) : HTTP URI 자원에 대한 행위(Verb) : HTTP Method 자원에 대한 ..