TIL  CS/JS

자바스크립트 타입 undefined vs null undefined는 변수에 값이 되지 않을 때 undefined로 할당!! 값이자 타입이 된다. null은 개발자가 의도적으로 하는 값 typeOf의 값은 Object로 반환!! delete 객체 프로퍼티는

오늘은 어제 배웠던 JS 기초 지식을 복습 한 후 클로저에 대해 알아보겠다!!라고 생각하고 호기롭게 공부를 시작했지만 클로저를 알기위해 알아야할 지식들이 비어있다는 걸 알게됐다,,😂오히려 좋다!! 내가 몰랐던 부분을 계속해서 연결되어 알게되는 것이니 아주 좋은 체이닝

오늘은 비동기와 콜백 그리고 promise 객체와 async await에 대해 학습을 진행했다!자바스크립트의 작동원리에 대해 배우면서 비동기와 조금 더 친해진 느낌이 있었지만,, 아직은 어사(어색한사이) 이다 ㅋㅋ또 최근 다시 Todolist를 만들어보면서 addeve

요즘 매일 코딩테스트만 풀고있다. 하루에 모든 공부시간을 코딩테스트에 투자하다보니 JS랑 멀어지고있는 거 같아 많아 아쉬웠다. 그러다 "흠 그냥 2시간 일찍 일어나서 JS를 공부해보는 게 어떨까?" 라는 생각이 들었고 JS에 대한 정리도 함께 해나가기로했다. 물론 코딩

자바스크립트 작동원리에 대해 다시 한 번 정리를 하고 싶었다. 늘 대략적으로 알고는 있었지만 정확하게 누가 물어본다면 자세하게 설명할 수 있을 정도로 학습이 필요하다 생각했고 오늘 이 시간을 통해 정리를 한 번 야무지게 해보겠다ㅎㅎ 자, 먼저 JS를 동작하게 해주는 엔

사실 저번 정리에 연결되어서 포스팅을 한다면 CORS보다는 클로저, this 등이 먼저 정리되어야한다. 그런데 아직 클로저나 ,this에 대해 정확하게 알고있지 않아서 필자가 이해를 충분히 하면 그때 해당 주제로 포스팅해야겠다..! 그럼 갑자기 왜 CORS를 다루나??

매일 cs/js를 정리하려고 했지만.. 핑계아닌 핑계로 KT 에이블스쿨을 준비하느라(인적성..)오전 시간을 할애했다. 어제 시험을 마치고 이제 다시 꾸준히 cs/js를 정리해나가는 습관을 길들여야겠다.오늘은 !! CSR과 SSR을 정리해볼 것이다. 그 이유는 KT 에이

오랜만에 포스팅을 작성한다!! 그 동안 바람이 많아 차있었다. 꼭 취업을 할 수 있겠다. 혹은 빨리 취업해야지.. 라는 어떤 희망이나 기대감이 헛 바람만 잔뜩 들었던 거 같다. 결과적으로 아직 부족하다. 실제 면접의 기회도 있었지만 면접이라는 상황을 맞닿드려보니 내 c

오늘의 주제는 주소창에 google.com을 검색하면 브라우저와 서버에서 어떤 일이 일어나는지 학습을 해보겠다!! 사실 이게 개발자로서 기본이 되는 지식인데 이제야 제대로 학습을 하다니..면접이 아니었다면 또 알아볼 생각을..했을..까그래도 지금이라도 알게되서 너무 다

오늘은 호이스팅을 다뤄보겠다! Hoisting은 사실 이전의 포스팅 한 주제들 보다 이해도가 더 있다. 그렇지만 오늘도 다루는 이유는 확실히 집고 넘어가기 위해서이다! 호이스팅을 면접관님 앞에서 설명하라고 한다면 정말 막힘없이 술술 말할 수 있을까? 그렇지 않다는 건

오늘은 Closure에 대해 정리를 해보겠다! Closure라는 개념을 개발할 때 사용해보지 않아서 (사용해도 의식하지 못해서?) 정리를 해도 자주 잊게되는 거 같다. 이번 기회에 뇌리에 깊게 남게끔 해보자 ! 정리를 먼저해보면 내가 내린 결론은 다음과 같다.Closu

오늘은 브라우저의 저장소에 대해 학습을 해보겠다!! 보통 필자는 Local storage를 자주썼다. 사용하기 간편하고 클라이언트에서 영원한 저장이 가능하기 때문에 뭔가 안정감을 느꼈다. 하지만 보안상 좋지는 않을것이라 늘 생각했었는데, 이번 기회를 통해 Browser

오늘은 자바스크립트는 어떤 언어인지, 그리고 Event loop는 어떻게 동작하는지를 정리해보겠다🔥 자바스크립트를 설명할 때 어떤 언어인지에 대해 생각을 해보면 단순하게 한마디로 정의하기 힘들다. 공부를 할수록 더 그런 거 같다. 이전에는 웹 페이지에 생동감을 넣어주

오늘은 Event Capturing & Event Bubbling에 대해 정리를 해보자!! 이벤트 핸들러 함수(addEventListener)를 많이 사용하는데 이 브라우저가 어떻게 이벤트 핸들러 함수를 처리하는지에 대해 생각을 해본 적이 없었다.이번 기회에 이벤트함수

오늘은 SPA CSR SSR에 대해 정리를 해보자! 이전에도 정리를 한 기억이 있지만 한번 더 정리하면서 복습도하고 또 제대로 기억하고자 이 주제를 선택했다. SPA는 Single Page Application의 약자이다. 즉 , HTML 파일이 1개인 웹 페이지를 말

오늘은 this에 대해 학습을 했다.평소에 this가 많이 헷갈렸기 때문에 공부를 하기에 망설여졌었다. 하지만 언젠가는 해야한다면 오늘 그냥 해버리자! 마음 먹고 this에 대해 접근해보았다.this는 무엇일까, this는 실행컨텍스트가 형성될 때 this가 형성이 된

오늘은 Prototype에 대해 알아보자 🔥 흔히 이런말을 한다. Javascript는 Prototype 기반의 언어이다. 이게 무슨말일까?우리는 배열에 아무렇지않게 메서드를 붙여 사용하곤한다. 예를 들어우리는 number라는 배열을 만들면서 sort라는 함수를 정의

CORS ❗️ 오늘은 CORS에 대해 정리를 해보자! 개인적인일과 준비로 오랜만에 포스팅을 한다!! 가장 보람되고 공부했을 때 여운이 많이 남는 게 바로 이 tow hours daily이다. 다시 또 달려보자 CORS! 언제 많이 겪었나 생각해보면 개인프로젝트를

오늘은 Bundler!! 사실 예전에 친한친구가 Bundler와 Webpack에 대해 설명해준적이 있었다.그런데 그땐 서버에서 js, html 파일이 어떤식으로 전달되는지 잘 몰라서 이해하기 힘들었다..지금은 어떻게 js파일들이 옮겨지는지 (csr,ssr,http, t

오늘은 Babel과 Polyfill에대해 학습을 해보자 🔥🔥🔥 저번 포스팅에서 Bundler를 학습하며 Babel에 대한 글을 읽게 됐는데 흥미로운 부분이고 필자가 잘 모르는 부분이기때문에 따로 학습을 하고 이렇게 포스팅을 한다!! 자 Babel이 무엇일까, 덤벨

오늘은 Session과 JWT에 대해 학습을 해보겠다! 🔥🔥🔥사실 면접을 준비하면서 Login에 대한 질문을 대비하기 위해 이렇게 게시글을 작성하고 있다!! 지난 JB 프로젝트에서 Login에 대한 허점이 얼마나 있었는지를 알 수 있었다.. 다시 이를 학습해보니

첫 React 포스팅 🔥🔥🔥 React 18v에서 가장 눈에 띄는 변경점은 필자 생각에 Suspense이다.사실 Suspense는 16v부터 있었지만 18v에서 제대로 갖춰진 기능이라고한다.이를 알게 된 계기는 친구의 자료 공유이다. 덕분에 학습을 할 수 있어 고