본문 바로가기

전체 글34

자바스크립트 코어 - Event Loop 자바스립트는 싱글 쓰레드 기반으로 돌아간다. 이게 무슨 말일까? 한번에 하나의 작업 밖에 못한다는 뜻. 그럼 어떻게 하나의 작업 밖에 하지 못하는지 알아보자. 위 그림에서 보이는것과 같이 Call Stack은 코드가 한줄 한줄 실행되면서 실행 컨텍스트(EC)를 담아 하나씩 처리한다. function foo() { console.log('foo'); } function boo() { foo(); } boo(); // 위 코드를 실행하면 아래와 같이 Call Stack에 담긴다. /* Stack = [boo()] // 9번째 줄 boo() 호출 Stack = [boo(), foo()] // boo()를 실행하다 6번째 줄 foo() 호출 Stack = [boo(), foo(), console.log('foo.. 2021. 4. 27.
[Weekly I Learned] 항해99 8주차 현 미니 프로젝트에서 로그인 인증 방식은 JWT다. 아이디&비밀번호를 서버에 보내면 서버는 아이디&비밀번호를 확인 후 응답 HTTP 해더 Authorization에 Access Token을 담아 다시 클라이언트에게 보내고 클라이언트는 브라우저의 로컬스토리지에 토큰을 저장해놓고 권한 인증이 필요한 API를 호출할때마다 HTTP 헤더에 Access Token을 담아 서버로 요청한다. Access-Token만 사용한다면 별 문제가 없어보이지만, 클라이언트에서 관리해야하기 때문에 보안(탈취)에 취약하다. 보안 문제 때문에 토큰 시간을 짧게 한다면 사용자는 자주 다시 로그인해야하는 단점이 생긴다. 이러한 문제를 해결하고자 Refresh-Token이 나왔다. Refresh-Token은 Access-Token과 달리.. 2021. 4. 24.
자바스크립트 코어 - 불변성, 호이스팅, 스코프, 프로토타입 전에 정리했었던 자바스크립트 코어 개념들이다. 변수 타입 및 불변성 https://github.com/devops3199/JS-Data-Structure/blob/main/Core%20JavaScript/DataType.js GitHub - devops3199/JS-Data-Structure: 자바스크립트 알고리즘 및 코어 공부 자바스크립트 알고리즘 및 코어 공부. Contribute to devops3199/JS-Data-Structure development by creating an account on GitHub. github.com 호이스팅, 스코프 및 프로토타입 https://kodepaper.tistory.com/18 [Weekly I Learned] 항해99 4주차 - 기본 이번주는 Rea.. 2021. 4. 22.
Git 용어 정리 - 초급 개발자로서 협업을 하려면 프로젝트의 버전을 관리해주는 버전관리/형상관리를 해야한다. 전 회사에서도 SVN 기반의 Dimension CM이라는 툴을 사용했었지만, 단순히 push, pull 하는 정도로만 사용했다. 최근 Git 관련 강의를 듣고 이해를 못했던 Git 용어를 정리해볼까 한다. git 용어 (자주 보는 용어들) 의미 origin 원격에 있는 코드(github에 있는 코드) head 내가 지금 작업하는 로컬 브랜치 fetch 원격 소스에서 변경이 있는지 없는지 refresh fork 저장소 복사(오픈소스 참여 방법). 이렇게 복사 후 push까지하면 pull request를 보낸다. fork해온 저장소의 owner가 승인하면 진짜 저장소에 내가 push했던 기능이 추가. amend 이미 comm.. 2021. 4. 20.
[Weekly I Learned] 항해99 7주차 벌써 부트캠프를 시작한지 7주차다. 저번주까지는 기술을 습득하고 정신없이 그 기술을 프로젝트에 적용해봤다면 이번주는 첫 주에 했었던 미니 프로젝트(1주차에는 Flask + HTML/CSS/JS 조합으로 만들었다. Front/Back 개념이 없었음.)처럼 주제를 자유롭게 선택하지만, Frontend와 Backend 영역을 확실히 나누어 개발을 한다. 우리조는 왓차피디아라는 pedia.watcha.com/ 사이트처럼 영화 리뷰를 만들고 각 사용자별 영화 리스트를 만들어 서로 공유하는 서비스이다. 프로젝트의 개요를 알고 싶다면 jsmokblog.tistory.com/12 해당 블로그에서 확인이 가능하다. 오늘은 이번주에 프로젝트를 진행하면서 새롭게 배웠던 부분들을 정리해보겠다! React Hook (Conte.. 2021. 4. 18.
OSI 7 Layers 네트워크를 조금이라도 공부해봤다면 OSI 모형은 한번쯤 봤을꺼다. 웹 개발을 한다면 알고 있어야하고 HTTP 개념을 조금 더 이해하는데 도움이 될까해서 작년 Notion에 정리했던 OSI 모형을 여기 적어볼까한다. 계층 (단위) 설명 예제 7 Application (Data) 자원 공유, 원격 파일 접근, 사용자에게 각 종 프로토콜을 지원한다. HTTPS, TLS/SSL, FTP, SMTP 6 Presentation (Data) 네트워크 서비스 & 어플리케이션간의 데이터를 변역한다. 즉, 인코딩, 데이터 압축, 암호화, 복호화를 진행한다. - 5 Session (Data) 두개의 node 간 지속적 정보 교환. 프로세스 간 통신. RPC (Remote Procedure Call) = 원격 프로시저 호출,.. 2021. 4. 13.