개발 공부
-
[JavaScript] 5. 배열과 객체 (Array and Object)개발 공부/Javascript 2021. 5. 10. 02:08
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 배열 (Arrays) 키와 속성들을 담고 있는 참조 타입의 객체(object) 순서를 보장한다는 특징이 있다. 주로 대괄호를 이용하여 생성하고, 양의 정수 인덱스로 특정 값에 접근 가능하다. 배열의 길이는 array.length 형태로 접근 가능하다. [ 기본 배열 조작 메서드 ] const numbers = [1, 2, 3, 4, 5] // 1) reverse : 원본 배열 요소의 순서를 반대로 정렬 numbers.reverse() console.log(numbers) // [5, 4, 3, 2, 1] // 2) push : 배열의 가장 뒤에 요소 추가 numbers.push(100) console.log(numbers) // ..
-
[JavaScript] 4. 함수(Functions)개발 공부/Javascript 2021. 5. 10. 01:15
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 함수 선언식과 함수 표현식 함수(function)는 참조 타입 중 하나로써 "function 타입"에 속한다. "함수 선언식 & 함수 표현식" 이렇게 두가지 방법으로 함수를 정의할 수 있다. 자바스크립트의 함수는 일급객체에 해당한다. 일급객체란? 1) 변수에 할당 가능하고, 2) 함수의 매개변수로 전달 가능하고, 3) 함수의 반환 값으로 사용가능 한 객체를 뜻한다. 함수 선언식 : 함수의 이름과 함께 정의하는 방식 (이름, 매개변수, 중괄호 내부 로 구분된다.) * 함수 선언식으로 선언한 함수는 var로 정의한 변수처럼 호이스팅이 발생한다. (선언 전 사용 가능) add(1, 2) // 3 function add(num1, num..
-
[JavaScript] 3. 원시 타입, 참조타입과 연산자(할당, 비교, 동등비교, 일치비교, 논리, 삼항)개발 공부/Javascript 2021. 5. 10. 00:50
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 원시 타입 (Primitive Type) 객체(object)가 아닌 기본 타입들을 말한다. 변수에 해당 타입의 값이 담긴다고 생각하면 된다. 다른 변수에 복사할 때 실제로 값이 복사된다. 1-1) 숫자 (Number) 정수, 실수 구분없는 하나의 숫자 타입 부동소수점 형식을 따른다. NaN (Not a Number) : 계산 불가능할 경우 반환되는 값을 지칭 (문자열을 숫자로 나누는 경우 등) const a = 10 // 양의 정수 const b = -5 // 음의 정수 const c = 1.05 // 실수 const d = 3.118e3 // 거듭제곱 const e = Infinity // 양의 무한대 const f = -Inf..
-
[JavaScript] 2. 조건문과 반복문개발 공부/Javascript 2021. 5. 10. 00:13
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 조건문 (if, switch) 1-1) if statement 조건 표현식의 결과 값을 Boolean 타입으로 변환 후 참/거짓을 판단 조건은 소괄호 안에 작성하고, 실행할 코드는 중괄호 안에 작성한다. const username = 'admin' if (username === 'admin') { console.log('관리자님 환영합니다.') } else if (username === 'manager') { console.log('매니저님 환영합니다.') } else { console.log(`${username}님 환영합니다.`) } 1-2) switch statement 조건 표현식의 결과 값이 어느 case에 해당하는지 판..
-
[JavaScript] 1. JavaScript의 기초, 변수와 식별자에 대해개발 공부/Javascript 2021. 5. 9. 23:44
개인적으로 JavaScript를 공부하고 그 흔적을 남기는 곳입니다. 1. 서론 ECMA : 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구 현재 자바스크립트의 표준이 되는 ES6는 ECMAScript6의 줄임말로, ECMA에서 제안하는 6번째 표준 명세를 말한다. ES6는 2015년에 발표되어, ES2015라고도 하며 이 시기를 기점으로 자바스크립트에 대대적인 변화가 있었다. 세미콜론 자바스크립트는 반드시 세미콜론을 문장의 끝에 붙이지 않아도 된다. 세미콜론이 없는 경우, ASI(Automatic Semicolon Insertion)에 의해 자동으로 세미콜론이 삽입된다. 다양한 코딩 스타일이 있지만, 대표적으로는 에어비앤비의 자바스크립트 코딩 스타일을 따른다. airbnb/javascript Ja..
-
4. HTTP 메서드의 활용, HTTP API 설계 예시개발 공부/Network 2021. 5. 9. 16:16
본 게시물은 김영한님의 "모든 개발자를 위한 HTTP 웹 기본 지식" 강의를 듣고 정리한 내용입니다. 따라서 모든 저작권은 인프런과 김영한님께 있음을 밝힙니다. 혹시라도 문제가 된다면 삭제하겠습니다. 댓글에 남겨주세요. 1) 클라이언트에서 서버로 데이터 전송 데이터 전달 방식은 크게 2가지 쿼리 파라미터를 통한 데이터 전송 GET 주로 정렬 필터(검색어) 메시지 바디를 통한 데이터 전송 POST, PUT, PATCH 회원 가입, 상품 주문, 리소스 등록, 리소스 변경 데이터를 전송하는 4가지 상황 정적 데이터 조회 쿼리 파라미터를 사용하지 않는다. 이미지, 정적 텍스트 문서 조회는 GET을 사용 정적 데이터는 일반적으로 쿼리 파라미터 없이 단순한 리소스 조회만으로도 가능 동적 데이터 조회 쿼리 파라미터를..
-
3. HTTP 메서드(GET, POST, PUT, PATCH, DELETE)개발 공부/Network 2021. 5. 2. 11:36
본 게시물은 김영한님의 "모든 개발자를 위한 HTTP 웹 기본 지식" 강의를 듣고 정리한 내용입니다. 따라서 모든 저작권은 인프런과 김영한님께 있음을 밝힙니다. 혹시라도 문제가 된다면 삭제하겠습니다. 댓글에 남겨주세요. 1) HTTP API를 만들어보자 요구사항 회원 목록 조회 회원 조회 회원 등록 회원 수정 회원 삭제 API URI 설계 회원목록조회: /read-member-list 회원조회: /read-member-by-id 회원등록: /create-member 회원수정: /update-member 회원삭제: /delete-member 근데 이렇게 하는게 정말 좋은 설계일까? 가장 중요한 것은 리소스 설계!!!!!! API URI 고민 리소스의 의미는 뭘까? -> 회원을 조회하는 것이 리소스가 아니라..
-
2. HTTP, 클라이언트-서버 구조, Stateless, 비연결성, HTTP 메시지개발 공부/Network 2021. 4. 24. 20:35
본 게시물은 김영한님의 "모든 개발자를 위한 HTTP 웹 기본 지식" 강의를 듣고 정리한 내용입니다. 따라서 모든 저작권은 인프런과 김영한님께 있음을 밝힙니다. 혹시라도 문제가 된다면 삭제하겠습니다. 댓글에 남겨주세요. 1) 모든 것이 HTTP HyperText Transfer Protocol HTTP 메시지에 모든 것을 전송한다. (html, text, image, 음성, 영상, json, xml, 등등 거의 모든 형태의 데이터 전송 가능) HTTP의 역사: 1997년의 1.1버전이 가장 중요하다. 가장 많이 사용하는 버전이다. TCP 프로토콜을 기반으로 HTTP/1.1이나 HTTP/2가 구현된다. HTTP/3는 UDP 프로토콜을 기반으로 구현된다. HTTP의 특징 클라이언트 서버 구조 무상태 프로토콜..