개발 회고 창고 개발 회고 창고

weekend I Learned 6주차 주특기 미니 프로젝트 주차 (12. 6 월 ~ 12. 11 토 ) 목차 - CORS - 주특기 미니 프로젝트 회고 1. CORS CORS (Cross-Origin Resource Sharing)란? CORS는 자신이 속하지 않은 다른 도메인, 다른 프로토콜, 혹은 다른 포트에 있는 리소스를 요청하는 Cross-Origin HTTP 요청 방식이다. CORS가 등장한 이유? CORS가 등장한 이유는 Same-Origin Policy(동일 출처 정책)때문이다. 이 정책은 어떤 출처에서 문서 혹은 스크립트가 다른 출처에서 가져온 Resource(자원)과 상호작용 하는 것을 제안하는 보안 방식을 말한다. 쉽게 얘기하면, 서로 다른 Origin(다른 도메인, 포트)에서 자원 ..

Today I Learnd (2021. 12. 6. 목) 목차 var, let, const 미니 프로젝트2 1일 차 소감 및 부족한 점 1. var, let, const 1. 변수 선언 방식 var는 변수 선언 방식에 있어서 큰 단점을 가지고 있다. var name = "John Doe" console.log(name) // John Doe var name = "Jane" console.log(name) // Jane 변수를 중복 선언을 했음에도 불구하고, 에러가 발생되지 않고 서로 다른 값이 출력이 되는 것을 볼 수 있다. var는 유연한 변수 선언으로 간단한 테스트에서는 편리하겠지만 코드의 양이 많아지게 된다면 어디에서 어떻게 사용될지도 파악하기 힘들고, 값이 뒤죽박죽이 될 수 있다. 이러한 단점을 ..

S.A(Starting Assignment) (2021. 12. 06 ~ 2021. 12. 11 총 6일간) 목록 프로젝트 이름 프로젝트 팀 소개 프로젝트 설명 프로젝트 와이어프레임 프로젝트 API 설계 프로젝트 진행 계획 1. 프로젝트 이름: 차차차 2. 프로젝트 팀 7조 Front - 이서현, 이해원 Back - 곽태민(Team Lead), 이도연 3. 프로젝트 설명 차량 정보를 조회하고 차량에 대한 의견을 자유롭게 나누는 공간입니다. 4. 프로젝트 와이어프레임 1. 로그인 2. 회원가입 3. 메인페이지 4. 상세페이지 5. 차종별 분류 페이지 * 메인페이지와 다른 점은 국산차와 외제차의 카테고리 클릭에 따라서 나오는 차 종류가 다르다. 5.프로젝트 API 설계 기능 Method URL request..

weekend I Learned 5주차 주특기 심화 주차 (11 . 29 월 ~ 12. 4 토 ) 목차 - 주특기 심화 주차 개인 과제 - Middleware - Jest - 5주차 소감 및 부족한 점 1. 주특기 심화 주차 개인 과제 이번 주는 주특기 심화 주차 개인 과제를 테스트 코드를 작성하는 과제를 진행했다. Javascript Class와 객체에 대한 개념만 알면 풀 수 있는 문제였다. 과제를 봤을 때 어떻게 하지 하다가 우선 Class와 객체에 대한 개념을 배우기 위해서 공부를 했지만 기초가 무너진 느낌이라서 Javascript기초를 아예 처음부터 공부를 했다. 과제 제출일이 토요일 이었지만 기초를 알아야 과제를 할 수 있을 것 같다는 생각이 들어서 기초를 공부했다. 금요일에는 무조건 과제를 ..

Today I Learnd (2021. 12. 2. 목) 목차 Javascript 동기와 비동기 주특기 심화 4일차 소감 및 부족한 점 1. Javascript 동기와 비동기 1. 동기와 비동기 동기 (Syncronous) 요청 후 응답을 받아야 다음 동작을 실행하는 방식 비동기 (Asynchronous) 요청을 보낸 후 응답과 관계없이 다음 동작을 실행하는 방식 자바스크립트는 단일 스레드 프로그래밍 언어로 단일 호출 스택이 있어 한번에 하나의 일을 처리할 수 있다. 이러한 이유로 Javascript는 동기 방식으로 진행이 된다. 하나의 호출 스택만 있기 떄문에 하나의 함수를 처리하는데 시간이 오래 걸린다면 다음 실행할 함수에 지장을 줄 수 있는 문제가 생긴다. 위와 같은 문제로 비동기의 필요성이다. 이..

Today I Learnd (2021. 12. 1. 수) 목차 객체 지향 언어 주특기 심화 3일차 소감 및 부족한 점 1. 객체 지향 언어 객체 지향 언어란 컴퓨터 프로그래밍의 패러다임 중 하나다. 컴퓨터 프로그램의 명령어의 목록으로 보는 시각에서 벗어나 여러 개의 독립된 단위인 '객체'들의 모임으로 파악하고자 하는 것이다. 각각의 객체는 메시지를 주고 받고, 데이터를 처리할 수 있다. 위와 같은 객체 프로그래밍에서 사용하는 언어를 객체 지향 언어라고 한다. 객체 지향 언어의 특징 캡슐화 변수와 함수를 하나의 단위로 묶는 것을 의미 해당 class의 인스턴스를 생성을 통해 class안에 포함된 member 변수와 method에 쉽게 접근할 수 있다. 이러한 캡슐화를 통해서 정보를 은닉할 수 있다. 데이터..

Today I Learnd (2021. 11. 30. 화) 목차 TTD (Test-Driven Development) 주특기 심화 2일차 소감 및 부족한 점 1. TDD (Test-Driven Development) - 테스트 주도 개발 TDD는 테스트 코드를 먼저 작성을 하고 프로그램 코드를 작성하는 과정을 말한다. TDD 프로세스는 다음과 같은 3가지 단계로 나눌 수 있다. RED (테스트 실패) 구체적인 하나의 기능에 대한 하나의 테스트를 추가하고, 테스트가 실패하는지 확인하는 단계. 테스트가 실패를 해야 해당 테스트가 신뢰성이 있다고 볼 수 있다. 다만, 실패한 이유가 테스트 코드의 문제가 아니여야 한다. GREEN (테스트 성공) 모든 테스트에 대해서 코드가 성공을 하도록 코드를 수정하는 단계...

Today I Learnd (2021. 11. 29. 월) 목차 Javascript class IIFE Javascript 호이스팅 주특기 심화 주차 1일차 소감 및 부족한 점 1. Javascript Class Class 객체를 생성하기 위한 템플릿이다. 클래스는 데이터와 클래스를 조작하는 코드를 하나로 추상화한다. 자바스크립트에서 클래스는 프로토타입을 이용해서 만들어졌지만 ES6의 클래스와는 다른 문법과 의미를 가진다. 정의 특별한 함수다. 함수를 함수 표현식과 함수 선언으로 정의할 수 있듯이 class 문법도 class 표현식과 class 선언 두 가지 방법을 제공한다. 1. Class 사용 class 선언 class Student { constructor(String, num) { this.nam..