전체 글 103

(항해51일차) 220425 리액트 실전프로젝트 4일차

실전 프로젝트답게 다사다난한 하루의 연속이다. 기획한 프로젝트는 두 번 엎어져서 이제 세번째 기획을 진행하고 있고, 오늘은 아침부터 갑자기 작성했던 api명세서가 통째로 날아가 처음부터 작성했다. 그래도 다시 더 잘 쓰면 되겠다며 웃고 넘긴 우리였지만 저녁엔 더 큰 일이 생겼다. 함께 하기로 한 디자이너님 중 한 명이 창업을 이유로 하차했다. 남은 한 분이 더 열심히 와이어프레임 작업에 참여해 주시긴 했지만 외국에서 근무해 연락이 어려운 직장인인 상황이라 프로젝트가 큰 난관을 만난 듯 하다. 다들 조금 지친 상황에서 우리 팀장이 굉장히 밝은 목소리로 회의를 진행했다. 미안한 마음도 있고, 멋있기도 해서 남은 기간동안 군말없이 팀장 말에 따라야겠다는 생각을 했다. 일정이 갑자기 더 빡빡해져서 내일부터는 빠..

(항해99)의 7주차 (220418-220424) WIL

이번 주에는 팀 구성원들이 어떤 사이트를 정해 똑같이 만들어보는 클론코딩을 진행했다. 우리 조는 많은 분야에서 활용할 수 있는 장바구니 기능을 경험하고 싶어 마켓컬리로 주제를 정했다. 이미 뷰와 기능이 정해져 있기 때문에 어떻게 그 기능을 구현했을지 최대한 생각하면서 프로젝트를 진행했다. 또 개인적으로는 컴포넌트를 최대한 잘게 구성해보는 목표를 잡았다. 내가 맡은 부분은 상세페이지와 장바구니페이지의 뷰, 그리고 장바구니와 관련된 CRUD였다. 뷰를 만들 때는 CSS뷰어라는 도구를 활용해 실제 마켓컬리에서 사용했던 요소를 최대한 똑같이 사용해보려고 했다. 그러면서 주로 사용했던 button, div, span 과 같은 요소 이외에도 다양한 요소를 써보면서 특정 상황에서 더 적절하게 사용할 수 있는 요소가 ..

(항해48일차) 220422 리액트 실전프로젝트 1일차

드디어 항해99의 메인 콘텐츠, 실전프로젝트가 시작되었다. 그동안 내가 공부했던 내용과 연습했던 프로젝트를 모두 담아야 하는 기간이다. 신기하게도 지난주 팀에서 거의 변함없이 팀이 구성되었다. 성격은 조금 다르지만 다들 열정이 있는 사람들이라 재밌게 프로젝트를 만들 수 있을 것 같다. 아무래도 긴 기간의 프로젝트인 만큼 주제를 정하는 시간이 오래 걸렸다. 아침부터 이야기를 나누기 시작했지만, 다들 생각하는 주제가 달라서 의견이 모이지 않았다. 결국 10가지 정도의 주제에서 투표로 정한 커피챗이 처음 주제로 결정됐다. (투표결과는 의외였다) 나는 처음 들어봤지만 실제 운영되고 있는 서비스인 커피챗이 있었다. 커피 한 잔에 현직에 있는 사람들의 조언을 들을 수 있다는 점이 재밌었다. 하지만 기능을 생각하다보..

포트폴리오 작성 시 볼 것

[출처: sylagape1231님 벨로그 ] https://velog.io/@sylagape1231/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%B7%A8%EC%A4%80%EC%83%9D%EC%9D%84-%EC%9C%84%ED%95%9C-%EA%B2%8C%EC%8B%9C%EA%B8%80%EC%9E%90%EB%A3%8C-%EB%AA%A8%EC%9D%8C FE 취준생을 위한 포스트/자료 모음 프론트엔드 개발자로 취준하는 모든 분들을 위한 포스트 및 여러 자료들을 모아 정리했습니다. 🙂 (📢 계속 업데이트 예정) velog.io [출처: sylagape1231님 벨로그 ]

(항해47일차) 220421 리액트 클론프로젝트 7일차

실전 프로젝트 전 마지막 날이다. 길다고 생각했던 7주가 순식간에 지나갔다. 이번주는 마지막 연습이라고 생각해서인지 평소보다 더 많이 하려고 한 것 같다. 다양한 기능을 시도해보려고 했고 개인적인 목표로 컴포넌트를 잘 구성해보려고 시도했다. 생각했던 기능들을 모두 구현할 수는 없었지만, 오늘 배포까지 끝내며 클론코딩을 잘 마무리했다. 강의를 들으며 공부하는 것과 코드를 직접 짜는 것의 가장 큰 차이는 오류인 것 같다. 코드를 내가 생각한 방식으로 짜다보면 오류가 정말 많이 발생한다. 어제만 해도 axios의 delete메서드는 바디에 데이터를 넣지 않는다는 사실을 몰라 정말 긴 시간을 오류를 찾으며 보냈다. 해결책은 생각보다 허무했지만, 오류를 찾는 과정에서 오히려 axios에 대해 많이 알게되고, 새로..