Jerry

필자는 현재 코드스테이츠 Immersive 수료 후에 취업 준비 과정 중에 있다. 취업 준비 과정에서 리액트에 다시 개념 공부도 하고 있기도 하고 스터디원들과 기술 면접 리스트를 가지고 준비하는 과정에서 이번에 "리액트 최적화"라는 주제가 내 눈길을 사로잡아 이번 기회로 잘 정리해보려고 한다. 이번 주제와 관련해서 공식 문서와 여러 잘 정리된 블로그 글들을 보고 너튜브 영상도 찾아서 보았다. 참고한 자료들을 나름 집대성해보려고 했으나 양이 비대해지는 걸 막지 못해 핵심적인 부분 위주로 구성을 해보았다. 각 내용의 자세한 내용들을 참고한 자료의 출처에 대한 내용들을 보시면 더 이해가 잘 될 것이다. 만약, 한 번 보고 이해가 안 가신다면 그건 당연하다고(?) 말씀드리고 싶고 꼭 필자의 글만 볼 필요 없고 ..

이전 글로 하여금 4주 프로젝트의 회고가 마무리될 줄 알았지만... 정규 스케줄 이후, 팀원 모두가 합심하여 구현하지 못했던 기능과 css 디자인 개선을 해보기로 되어버렸다! (이런 열정맨들!!!) 아무래도 코드스테이츠 (취업을 제외한) 모든 과정이 끝났으니 매일매일 블로그 글도 올리면서 취업 준비하고 싶었지만 막상 이것저것 같이 준비하다 보니 코스 과정보다는 몸이 자유로워졌지만 해야 할 일은 더 늘어났다. 끝날 때까지 끝난 게 아니라는... 아무튼 이번주는 블로그 글을 못 써서 아쉽지만 돌아오는 주부터는 TIL를 잘 써보려고 한다. (회고 남길 겸...ㅎ) (다만,, 너무 귀찮다는 점...) (TMI: 아참! 몇 주간 글을 못 써서 블로그가 망하는 거 아닌가 하는 생각을 하곤 했는데 오늘 보니 생각보다..

서문을 어떻게 시작해야 할지 고민이 되었다. 현재 회고를 남기는 시점이 4주 프로젝트가 끝난 후기도 하며 코드스테이츠 immersive 과정이 끝난 시점이기도 하며 프로젝트하느냐 바쁘다는 핑계로 회고글(혹은 블로그 글)을 쓰게 된 지 2주가 넘은 시점이어서 어떤 이야기로 글을 시작하면 좋을까 고민이 되었는데 (고민하다 회고를 영영 못 쓸 뻔했다..) 사족을 생략하고 프로젝트 중심으로 이야기해보겠다. 참고로, gif 부분에서 gif 안 보이신다면 조금만 참고 기다려주시면 짜잔! 하고 나타납니다! 혹시, gif 가 안 움직이시면 클릭을 하셔서 봐주시는 것을 권장드립니다! 0. 프로젝트 소개 이번 4주 프로젝트의 서비스명은 나간다 (nAgAndA) 이다. 나간다는 "계획된 일정을 공유하고 정리할 수 있는 서비..

오늘 한 일 4주 프로젝트 여기 codeup 기초 100제 : 여기 느낀 점 프로젝트를 재미있게 진행하고 있다. 이렇게 느껴도 되나 싶다. 그래도 2주 프로젝트 끝나고 4주 프로젝트는 재미있게 했으면 좋겠고 재미있는 과정을 통해 만족스러운 결과물을 만들고 싶다고 생각했는데 아직은 원하는대로 흘러가고 있다. 홧팅!

웹 페이지 색깔 고르기 대장전! 오늘도 프로젝트 2주 차이다. 내가 속한 프론트 엔드 파트는 기획 단계에서 머물고 있다. 1주 차에 와이어프레임이나 플로우 차트를 그려본 상태지만 코드 작업에 들어가기 전에 웹 페이지의 첫인상을 줄 수 있는 랜딩 페이지를 인상적으로 보이길 원했기 때문이다. 랜딩 페이지를 시작으로 디자인과 기능들 위치 같은 전체적인 레이아웃을 보완 및 보충해 나갔고 자연스레 나머지 페이지들의 디자인과 테마들을 맞춰가고 있다. 이 과정에서 처음에 페이지 색감을 어떻게 잡을지에 대한 방법을 몰라 단순히 이 색 저 색을 가져와 이질감은 없는지 색끼리 조화는 어떤지 같은 비교하는 식으로 웹 페이지 콘셉트를 정하려고 했다. 하지만 색에 대해 무지한 나로선 색의 배합을 맞추기가 버거웠고 결국 구글에 ..

오늘 한 일 4주 프로젝트 여기 css공부 : grid codeup 기초 100제 : 여기 느낀 점 금요일에 몸 상태가 좋지 않아 글을 못 쓰게 되었다. 잠은 좀 자니 두통이 사라졌다. 잠이 부족했나 보다. 오늘은 팀원 분과 css grid공부를 달렸다. 월요일부터 코드를 슬슬 짜기 시작할 거 같은데 부지런히 준비하도록 하겠다. 내일은 scss와 예제 연습과 project에 관해 다방면으로 이야길 나눠볼 예정이다.

어제는 몸이 안 좋아 글을 쓰지 못해서 오늘 쓰기로 했다. 어제 팀원들과 기획 부분에서 wireframe과 기능 플로우를 짜는 시간을 가졌다. 그 후 다시 css 공부를 계속 이어나갔다. css 생각보다 쉽지 않다.. 꾸준히 공부하는 게 답이다... GRID 어제부터 글을 쓰는 현시점까지 grid를 공부를 했다. 시작하기에 앞서, flex를 이용해서 레아아웃을 쉽게 구성할 수 있는데 왜 grid가 필요한 것이고 왜 생기게 되었을까? 그 이유를 먼저 알아보자! flex의 한계와 grid의 등장 flex의 한계? 이게 무슨 말이지? 할 것이다. 이런 flex box가 있다고 가정해보자. 1부터 4까지의 박스가 레이아웃을 이루고 있는 상황에서 4 박스 오른쪽이나 2 박스 아래에 박스를 추가해보려고 한다. di..

오늘 한 일 4주 프로젝트 여기 css공부 : flex codeup 기초 100제 : 여기 느낌점 정규 시간 끝나고 저녁 먹기만하면 긴장이 풀렸는지 졸음이 쏟아진다. 너무 피곤하다.