본문 바로가기

분류 전체보기

 (40)
스터디 4주차 회고 4번의 스터디가 끝났다. 갈수록 느끼는 거지만 시간이 너무 빨리 지나간다. 시간이 화살과 같다는 말이 괜히 있는 거 아녀.. 어쨌든 4번의 스터디를 무사히 마쳐서 뿌듯하다. 짧다면 짧다고도 할 수 있는 시간이었지만 취업 준비와 같이 하려니 벅차다고 생각했던 때도 있었는데 그냥.. 그냥 했다는 게 맞겠다. 🗓 이번 주 계획 이번주는 기술 면접 준비를 하면서 자바스크립트의 개념에 대해 많이 공부했다. 그래서 공부한 걸 정리하기 위해 자바스크립트 이벤트 루프에 관해 발표를 했고 새로운 사실도 알게 됐다. https://limsummer.tistory.com/56 [JavaScript] 브라우저에서 일어나는 일 (feat. Event Loop) 오늘 정리하고자 하는 주제는 브라우저의 동작원리이다. 내가 작성한 ..
[JavaScript] 브라우저에서 일어나는 일 (feat. Event Loop) 오늘 정리하고자 하는 주제는 브라우저의 동작원리이다. 내가 작성한 코드들이 어떻게 돌아가는지 알아야 코드도 잘 짤 수 있다고 생각이 들었기에 브라우저의 동작원리를 살펴볼 것이다. 🚀 V8 엔진 브라우저마다 쓰이는 엔진의 종류는 다르지만 내가 쓰는 크롬의 v8엔진의 구조이다. 이 구조는 인터넷에서도 많이 봤을 거라 생각이 들지만 설명을 해보자면, ✔️ Memory Heap : 메모리 할당이 일어나는 곳 ✔️ Heap : 구조화되지 않은 넓은 메모리 영역 => 객체(변수, 함수 등)들이 담김 ✔️ Call Stack: 실행될 코드의 한 줄 단위로 할당되는 곳 ✔️ Web APIs: 비동기 처리를 담당하는 곳 ✔️ Callback Queue: 비동기 처리가 끝난 후 실행되어야 할 콜백 함수가 차례로 할당되는..
스터디 3주차 회고 벌써 4회 차 중 3회 차가 끝난 스터디.. 이번 주는 뭔가 한 것은 없는 것 같지만 시간이 빠르게 흘러버린 것 같다. 이력서를 중간중간 수정하면서 100개정도 지원했는데 서류합격은 3개 했다. 그중 하나는 과제를 받아서 결과를 기다리는 중이고 한 군데는 면접을 보고 왔고, 한 군데는 다음 주에 면접이 잡혀있다. 일단 취업을 하고보자라는 마음으로 미친 듯이 지원을 한 것도 있고 혼자 공부하는 것보다는 실무에서 구르며(?) 배우는 게 많다고 느껴서 서둘렀던 것도 있는데.. 결과적으로는 시기가 안 좋았던 것 같다. 아무래도 한 해를 마무리 하는 달이다 보니 신입을 뽑기엔 부담스러웠다고 위안 삼는다. (물론 이력서 수정도 계속해야겠지만) 어차피 언젠가는 취업할 거니까! 나만의 길을 가는 것으로 🛣 💬 이번 주..
[Web] HTTP (1) - HTTP의 개념, 특징 🖥 HTTP ( Hyper Text Transfer Protocol ) HTTP라는 용어의 뜻부터 살펴보자 HTTP는 HyperText Transfer Protocol의 약자로 말 그대로 번역하자면 하이퍼텍스트를 변환시켜주는 프로토콜이다 라고 해석해볼 수 있겠다. 그렇다면 HyperText는 뭘까? 간단하게 문서라고 생각하면 편한데, 이 문서가 HTML이 될 수도 있고, 이미지가 될 수도 있고, 음성이나 영상 등.. 다양한 데이터가 될 수 있다. 그렇다면 Protocol은 무슨 뜻이지? 프로토콜은 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙이다. 정리해보자면 문서를 컴퓨터가 알아먹을 수 있도록 변환시켜주는 규칙이라고 정의할 수 있겠다. 📟 HTTP의 특징 HTTP의 특징은..
[Web] 웹팩이란? (1) - 웹팩의 4가지 속성, Mode 😮 웹팩 ? 웹팩이 뭐야 프론트엔드 면접 단골 질문에 있는 "웹팩이 무엇인지"에 대해 잘 답변하기 위해 정리해본다. 📃 웹팩 공식 문서에 따르면 webpack은 자바스크립트를 위한 정적 모듈 번들러이다. 모듈은 무엇을 의미하는 걸까? - 모듈이란 프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위를 의미한다. 예를 들면 js코드에서 쓰는 함수라고 생각하면 편하다. 그렇다면 모듈 번들링이 뭐지? - 웹 애플리케이션을 구성하는 몇십, 몇백 개의 자원들을 하나의 파일로 병합 및 압축해주는 동작을 모듈 번들링이라고 한다. 정리하자면 하나의 웹 서비스를 구성하는 자바스크립트 파일, jps 파일 파일들의 연관 관계를 파악해서 하나로 합쳐주겠다! 라는게 웹팩의 역할이다. 😎 웹팩이 왜 필요할까 ? 웹팩의 등장 웹팩..
스터디 2주차 회고 벌써 4주 스터디의 반이 끝났다. 하루 하루 시간은 천천히 가는듯 한데 일주일은 정말 휙 지나가버린다. 📂 이번 주는 어떤 것을 공부했는가 이번주는 계획은 힘들지 않아 보였지만 중간에 기업과제 제출 + 이력서 수정 하느라 다른곳에 시간을 좀 잡아먹었다..🥲 계획을 빡빡하게 세우면 안되겠다는 생각이 들었네,,ㅎㅎㅎ 이번주 중점으로 둔 계획은 this 와 클린코드 공부였는데 이번 기회에 this에 대한 개념을 확실히 잡고 넘어갈 수 있는 기회였다! 1주차 발표가 아쉬웠기도 했고, 내용을 정리하다 보니 발표 시간 20분은 거의 꽉 채워서 썼고 블로그도 내용이 좀 많게 되어버렸다. 공부하면서 중간중간 입사 지원도 꽤 했는데 매일 아침 탈락메일을 받으며 눈을 뜨는게 씁쓸했다..^^ 마치 출구없는 동굴 같지만 언젠..
[JavaScript] this에 관한 탐구 🥲 내가 알고 있던 this는? this는 일반 함수 내에서 사용 시 전역 객체를 가리키고, 화살표 함수에선 함수가 포함된 상위 환경의 this를 가리킨다. 라는 게 내가 알고 있는 this의 정의다. 자바스크립트를 공부하면서 어려웠던 개념 중 하나가 this 였고, 이번에 공부하면서 익힌 개념을 글로 정리해본다. 🐝 실행 컨텍스트 먼저 this에 대해 시작하기 전에 this는 실행컨텍스트와 연관되어 있어서 실행컨텍스트에 관해 간단히 설명하고자 한다. 실행 컨텍스트 안에 ThisBinding이 있는데 이 ThisBinding은 실행 컨텍스트가 활성화될 때 한다! 하는 걸 알고 있기만 하면 된다. 그렇다면 실행 컨텍스트는 언제 생성될까? => 해당하는 함수가 호출되는 순간 생성된다! => this는 함..
스터디 1주차 회고 어떻게 스터디를 시작하게 되었는지..? 프리온보딩 코스를 4주간 하고 이제 본격적인 취업전선에 뛰어들어야 하는데 왜 공부하면 공부할수록 공부해야 할게 생각날까? 란 생각이 들었다. (이 생각은 공부하는 누구나 들 거라고 생각합니다..) 그러던 중 운이 좋게 프리온보딩 코스를 진행하며 좋은 팀원들을 만났고 코스가 끝나고도 같이 스터디를 하면서 공부를 해보는 게 어떻겠냐는 의견이 나왔다. 혼자 하게 되면 나 자신에게 한없이 관대해질 거라는 것을 알기에.. 같이 하는 게 좋다고 생각했고 이왕 마음먹었을 때 바로 시작하자라는 마음으로 코스가 끝난 바로 다음 주부터 진행했다. 어떤 스터디를 진행했는지..? 글을 쓰는 개발자가 중요시되는 만큼 1주일 1블로깅 하는 것을 목표하는 것을 시작으로 했다. 그리고 여러 사..

티스토리툴바