Script

호이스팅이란? javascript에서의 호이스팅은 선언 부분을(할당 x) 전역 혹은 지역 스코프에서의 최상위로 끌어올린 듯 먼저 실행시키는 것을 뜻한다. 모든 선언에는 호이스팅이 일어나지만 대표적으로 let과 const는 호이스팅이 일어나지 않는 것처럼 보인다. 그 이유는 밑에 TDZ존에서 확인하도록 하자. 스코프란? Scope란 범위라는 말로, 2가지 타입으로 나뉘어 진다. 첫번째는 global scope( 전역 스코프) , 두번째는 local( 지역 스코프) 이다. 전역 스코프 코드의 어느곳에서든 참조할 수 있는 범위, 이곳에 선언된 변수는 전역 변수가 되며 코드 어디에서든 참조가 가능하다. let A = 'global' function B(){ console.log(A) } A //global sc..

1. JWT 이번주차에서는, 특히나 내가 로그인 기능 구현을 담당했기 때문에, JWT에 대해서 짚고 넘어가지 않을수 없을 것 같다. Token 인증 토큰 기반 인증 시스템은 클라이언트가 서버에 접속을 하면 해당 클라이언트에게 인증되었다는 의미로 토큰을 부여한다. 이 토큰은 유일하며 토큰을 발급받은 클라이언트는 또 다시 서버에 요청을 보낼 때 요청 헤더에 토큰을 심어서 보낸다. 그러면 서버에서는 클라이언트로부터 받은 토큰을 서버에서 제공한 토큰과의 일치 여부를 체크하여 인증 과정을 처리하게 된다. JWT이란? JWT는 JSON Web Token의 약자로서, 인증에 필요한 정보들을 암호화 시킨 JSON 토큰을 의미한다. JWT는 정보전달할때에 있어서, header, payload, signature로 나누어..

1. 기본형(Primitive Type)과 참조형(Reference Type) 데이터 기본형 Number String Boolean null undefined 참조형 Object - Array - Function Object가 상위, 그 하위에 배열, 함수, 정규표현식, Map, Set 등이 있다. ( 여기서는 배열과 함수에 대해서만 기억하자.) 두 타입의 차이 기본형에는 값을 그대로 할당하고, 참조형에는 저장된 주소값을 할당한다. 2.객체를 원시형으로 변환하기 자바스크립트가 연산을 수행할 때, 형변환이 필요한 경우 자동으로 형변환을 시킨다. 이때의 기준값을 hint라고 하는데, hint는 간단히 말해서 목표로 하는 자료형 정도로 생각하자. hint는 string, number, default로 총 3가..

1. 느슨한 타입, 동적 언어 느슨한 타입 JS의 변수는 어떤 특정한 타입과 연결되지 않으며, 모든 타입으로 할당 및 재할당이 가능하다 let a = 42 // a가 숫자 a = 'bar' // a가 이제 문자열 a = true // a가 이제 불리언 동적언어 변수 타입을 런타임때 결정해주기 때문에 변수를 선언할때 굳이 타입을 선언해 주지 않아도 된다. 느슨한 타입과 동적언어의 문제점 문제점: 느슨한 타입으로 인해 오류가 나서 실행되지 않게 막아줘야 하는 부분을 그냥 실행되게함 동적언어로 인해 런타임할때 의도하지 않은 데이터 타입이 들어가 의도대로 동작하지 않을 수 있음 이 때문에 타입스크립트 탄생 2.형변환-암시적 변환, 명시적 변환 암시적 변환 자바스크립트가 필요에 따라 자동으로 데이터타입을 변환시키..

완성본 https://www.youtube.com/watch?v=nJLgXfC5k4w github repo https://github.com/jsi7304/mbtimovie 회고 처음으로 협업해서 해보는 프로젝트라 긴장이 많이 되었었지만, 막상 해보니 불가능하지 않다는 것을 느꼈다. 좋은 팀원분들을 만나 프로젝트를 진행할 수 있었기 때문에 뭔가 더 즐거웠던 것 같다. 처음이라 아쉬웠던 점도 많았지만 지금은 아쉬웠던 점보다는 완성했다는데에 의미를 두고 싶다. 지금의 이 성취감과 열정을 잊지않고 끝까지 완주하는게 목표이다. TIL의 중요성을 알게 되었다. 배우고 느낀게 있다면 그때그때 블로그에 써올릴 예정이다. 다음 주차는 알고리즘 주차이다. 이제는 걱정보다는 기대가 된다. 알고리즘도 열심히 풀어볼 생각이다.

항해99 1주차 미니 웹 프로젝트의 주제는 MBTI별 영화 추천이다. 1.프로젝트명 MM(mbti movie) 2.소개 mbti별 영화를 추천해주는 사이트입니다. 3.와이어프레임 ㅡ필수로 구현해야될 기능: 1) Jinja2 템플릿 엔진을 이용한 서버사이드 렌더링 2) JWT 인증 방식으로 로그인 구현하기 ㅡ메인으로 구현해야될 기능: 1)웹주소 접속 후 로그인페이지 구현하기 2)로그인 후 MBTI선택 창 화면 구현하기 3)유형별 MBTI를 선택하면 추천하는 영화 및 정보들 구현하기 ㅡ세세한 구현해야될 기능: 1.로그인 페이지 배경설정하기 2.각 유형별 영화 정보 API 연결하기 3.최종화면에 다른 MBTI유형별 추천영화 링크기능 구현하기 로그인 : POST 회원가입 POST mbti별 영화 목록 조회 : ..