Jerry

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

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

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

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

오늘 프로젝트 2일 차에는 기획 회의를 진행을 했다. 팀 주제와 wireframe을 그려나갔다. 아직까지 뭔가 이슈거리가 없어서 특별히 글로 남 길거리가 없다. 오늘도 css 공부를 계속 이어나갔다. 오늘은 flex의 wrap, nowrap, reverse, align-content, flex-grow, flex-shrink, flex-basis에 대한 개념을 배웠다. wrap은 flexbox에게 child의 width 크기를 유지하라고 애기한다. nowrap; 무슨 짓을 하더라도 이 엘리먼트들은 같은 줄에 있게 한다. flex-grow / flex-shrink 는 원하는 자식의 크기를 얼마만큼 줄이거나 키우거나 할 수 있다. ( box 주변의 공간을 가져.) 예를 들어, response design할 ..

4주 프로젝트의 서막이 시작되었다. 4주 프로젝트는 포트폴리오와 직결이 되기 때문에 먼저 팀원 구성에 대해 긴장을 했다. 다행히도 해볼 만한(?) 팀 구성이 이루어진 것 같아 한시름 놓았던 순간이었다. 1. 프로젝트 기획 회의 #1 보통 1주 차는 SR 시간이라고 해서 기획 단계를 집중적으로 토의하고 정하게 된다. 이 주에서 기획을 한 것이 나머지 주에 영향을 주기 때문이다. 아무튼, 팀이 구성되고 나서 4명의 멤버는 자기소개로 아이스 브레이킹을 하였고 팀장 선정, 팀 주제 아이디어와 팀 룰(그라운드 룰), 스택 관련해서 각자의 생각을 주고받았다. 위 시간을 가지면서 신기했던 부분이 있었는데 2주 프로젝트 경우에는 이 부분이 쉽게 정해졌고 빠르게 지나갔었는데 이번 시간을 겪으면서 이야기를 들어보니 보통 ..