feel_2

안녕! 나는 러버덕이야!이번 시간에는 브라우저가 랜더링 되는 과정을 한번 살펴볼거야 덕!오늘도 신나게 달려볼까?? Q. 안녕!! 나는 러버덕이야. 오늘은 브라우저 랜더링에 대해서 알아보려고 해! A. 좋아!! 브라우저 랜더링은 웹개발자에게 있어서 모르면 안되는 필수 지식이지! Q. 브라우저라고 하면 우리가 인터넷을 할 수 있는 창을 얘기하는 거야? A. 맞아! 브라우저는 정확히는 웹 브라우저를 말하는 건데… 브라우저(웹 브라우저, Web Browser)는 웹사이트를 탐색하고 표시하는 프로그램이야.우리가 컴퓨터를 하면 많은 프로그램을 볼 수 있지? 나는 게임을 좋아하지는 않지만, 롤이나 배그 같은 것도 하나의 프로그램이지!이 웹 브라우저는 사용자가 인터넷에 접속해서 웹페이지를 볼 수 있도록 해주는 소프트웨..

안녕??? 나는 러버덕이야. 이번 시간에는 target과 currentTarget에 대해서 알아볼거야 덕!오늘도 한번 시작해볼까??? Q. 안녕!! 나는 러버덕이야. 오늘은 target과 currentTarget에 대해서 알아보려고 해! A. 응 좋아!! 이것도 처음 웹개발을 시작하는 사람에게 중요한 개념이니까 꼭 알아보고 넘어가면 좋을 것 같아 🙂 Q. target이라고 하면 뭔가 대상인 것 같은데… 어떤 걸 할때의 대상이야? A. 그게 바로 이벤트가 일어날 때의 대상이야!! ✅ 이벤트 자바스크립트에서 이벤트란, 무언가 발생한걸 의미해. 일상에서도 뭔가 니 인생에 큰 이벤트가 발생했다는 말을 종종 쓰잖아?마찬가지로 브라우저에서도 뭔가 발생했다는 걸 이벤트가 발생했다고 표현을 해!그래서 자주 사용되는 ..

이번주는 Hook을 제대로 다루는걸 위주로 과제를 진행하였다.Hook이란 React 16.8에서 도입되어 함수형 컴포넌트에서 상태와 사이드 이펙트를 관리하는 방식을 혁신적으로 변경을 했다고 한다.React를 하면서 Hook을 제대로 이해를 못한다면, react로 프로젝트를 진행하는 것이 어려울만큼 아주 중요하다고 생각한다.그럼 시작해보자! 이번주 과제✅ 과제 주제이번주 과제는 React Hook을 활용하여 모의 유튜브 사이트를 만들어 보는 걸 진행하였다.실제로 유투브 API를 이용하기 위해서 API key를 발급받아 유튜브의 비디오 리스트를 API를 통해서 받고, 화면을 구성하는 것을 이번주에 진행하였다. ✅ 사전에 알아야 하는 개념 이번주는 Hook을 중점적으로 알아보고 시작하였다. Hook? Reac..

안녕??? 나는 러버덕이야. 이번시간부터 개발 관련해서 질문과 대답 형식으로 시리즈를 이어가 볼 생각이야.이 글을 쓰는 목적은 나중에 면접을 볼 때 조금이나마 도움이 될 수 있지 않을까 하는 것과 개발을 잘 모르는 사람들도 쉽게 이해가 되면 좋겠다는 취지로 시작해보려고 해.그러니 이해가 안되거나, 질문이 있으면 댓글로 달아주어도 좋아!!그럼 한번 시작해볼게 덕! Q. 안녕!! 나는 러버덕이야. 오늘은 var, let, const 에 대해서 한번 알아보려고 해! A. 응 좋아!! 처음이라 떨리지만 한번 잘 대답해 볼게. 궁금한게 해소될 때 까지 나에게 계속 질문을 줘! Q. 아주 친절한걸?? 그럼 첫 질문이야. var가 뭐야?? A. 아주 좋은 질문이야!! 어디서부터 대답을 해야할지 모르겠지만, 최대한 초..

이번주부터 프론트엔드 첫번째 주가 시작되었다.지금까지 JS 공부는 기초를 닦는 과정이었다면, 지금부터는 닦은 기초를 가지고 활용하는 시간이다. 이전에 회사에서 일할 때 Vue.js 써서 개발을 해보긴 했지만, React는 거의 처음이라 다른 동기들과 비슷한 상황이다.어쨌든 오늘도 한번 달려보자! 이번주 과제✅ 과제 주제 이번주 과제는 React 를 활용하여 페이지를 구현하는 것이다. 앞으로 4주 동안은 계속해서 react 를 활용하여 페이지를 구성할 것 같다.다만, 소스 자체는 공개하면 안되기 때문에 어떤 개념이 들어갔는지, 어떤 성능 개선이나 트러블슈팅은 어떻게 했는지를 같이 살펴보면 좋을 것 같다. ✅ 사전에 알아야 하는 개념 들어가기에 앞서 Thinking in React에 대해서 빠르게 짚고 넘어..