feel_2

백엔드 마지막 테스트 주가 끝났다. 테스트 과제도 성공적으로 잘 마무리 했던 것 같다. 이제 다음주부터는 팀 프로젝트를 시작으로 개인 프로젝트까지하면 여기서의 부트캠프도 끝이 난다. 2월에 시작하여 지금까지 4달이 흘렀다. 그동안 나에게는 어떤 변화가 생겼을까? 가장 큰 변화는 기초과정 → 프론트 → 백엔드 과정을 거치면서 코드를 바라보는 관점에 변화가 생겼다.여기서 말하는 관점이란 나의 시선이 아닌 다른 사람의 시선을 생각하게 됐다고 말해도 좋을 것 같다.예전에는 나를 중심으로 코드를 작성했다면, 지금은 함수명 하나에도 많은 고민을 하게 된다. 왜냐하면 내가 아닌 다른 사람이 이 코드를 바라봤을 때 좀 더 쉽게 이해하기 위해서는 어떻게 해야할지를 고민하기 때문이다. 좋은 코드란 무엇일까? 여기에 더불어..

백엔드 3주차가 지나간다. express.js에 어느정도 적응이 되어간다. 이번주부터는 mvc 패턴을 도입하여 3 레이어드 아키텍처를 적용시켜 API를 구성하였다. 여기 오기 전에 나는 백엔드 개발을 많이 해봤기 때문에, 생각한 일정보다 더 빨리 과제를 마쳤다. 사용하는 기술 스택이 다른거지, 원리는 거의 비슷하기 때문에 조금만 사용법을 익힌다면 그전에 사용하던 기술스택과 크게 다르지 않다고 느껴졌다. 어느 하나를 정통한다면 그와 비슷한건 금방 익히는게 맞는 것 같다. 결국 중요한건 이 코드를 왜 이렇게 작성했는지에 대한 나의 선택사항만 남을뿐. 다시 시작한 러닝! 이번주부터 달라진게 있다면 아침에 러닝을 시작했다는 것이다. ‘건강한 몸에 건강한 정신이 깃든다.’를 너무 잘 알고 있기에 더는 미룰수가 없..

또 이렇게 1주가 지나갔다. 이제 에어컨을 서서히 틀기 시작한다. 여름이 다가오는 소리가 천장에서 들린다. 이번주는 구현해야할 요구사항들이 많아서 리팩토링은 고사하고, 과제 종료까지 겨우 모든 요구사항들을 끝낼 수 있었다. 여기서는 이상하게 모두가 경력과 상관없이 같은 출발선에 놓이게 된다. 경력이 많든, 적든 구현이 끝나는 걸 보면 거의 비슷하다. 단지 내가 조금 더 지식을 많이 알고 있을뿐, 그 이상도, 이하도 아니다. 이번주는 12시가 넘어서 집에 도착한 날이 많았다. 과제를 하다 보면 욕심이 생겨서 ‘이것까지만 끝내고 가야지’라는 생각이 길어진다. 그래도 코딩을 하는 것은 언제나 나에게 즐거움을 준다. 여기서 말하는 즐거움은 ‘눈에 보이는 즐거움’을 말한다. 이전에 대학생일때는 눈에 보이지 않는 ..

이번주부터는 기술적인 요소보다는 소프트적인 요소에 더 힘을 주어 글을 작성하려고 한다. 이제 바닐라 부트캠프를 시작한지 10주차가 되었다. 분명 시작할때는 패딩을 입고 이곳에 왔던 것 같은데, 어느새 맨투맨을 입고 있다. 그만큼 시간이라는 것이 내 생각보다 더 빠르게 흘러가는 것 같다. 총 20주의 과정 중에 딱 절반의 시간이 지났다. 처음 이 부트캠프를 시작했을 때 내가 기대했던 20주 뒤에 내 모습의 절반에 지금 도달하였는가? 스스로 질문을 해본다면, 나는 아직 많이 반성을 해야할 것 같다.여기서는 항상 강조하는 것이 하나 있다. 바로 메타인지. 자신의 상태를 객관적으로 바라보라고 한다. 한번 스스로 다음과 같은 질문을 해보자.돌아봤을 때 처음 시작했을 때의 마음과 지금의 마음이 같은가?매일 하기로 ..

이번주는 전역상태로 상태를 관리하는 것을 목표로 과제를 진행하였다. 보통 상태를 지역변수로 관리하거나, 공통으로 쓰는 상태라면 부모로 상태를 끌어올려서 상태를 관리한다. 그런데 만약 상태를 부모 자식 관계가 아닌데도 다른 컴포넌트에서 사용을 해야한다면 어떻게 해야할까?그럴때 바로 전역으로 상태를 끌어올려서 관리를 하면 된다! 그럼 한번 시작해보자! 이번주 과제✅ 과제 주제 이번주 과제는 React Redux를 이용하여, 캘린더 사이트를 만들어 보는 걸 진행하였다.캘린더를 실제로 그려보고, 이벤트를 등록하거나 수정하는 것까지를 목표로 과제를 진행하였다. ✅ 사전에 알아야 하는 개념 전역 상태 관리 도구인 Redux를 알아보기 전에 전역 상태가 왜 필요한지부터 알면 좋을 것 같다. 전역 상태?여러 컴포넌트가..

안녕! 나는 러버덕이야!이번 시간에는 브라우저가 랜더링 되는 과정을 한번 살펴볼거야 덕!오늘도 신나게 달려볼까?? 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에 대해서 빠르게 짚고 넘어..