뭘 배웠지?

엘리스 SW 엔지니어 트랙 75일차 팀 프로젝트 10일차 어느새 10일차 주말 제외하고 어느새 10일차다 혼자 개발을 할 때보다 코드에 더 신경을 쓰게된다 팀원이 사용할 수 있도록 코드를 작성하니까 작성시의 기준도 생기고 좋다 컴포넌트 구분 기준 예를들면 컴포넌트를 구분할 때 어디에 넣어도 작동하도록 독립을 시켜준다 버튼은 딱 버튼이고, 프로그레스는 딱 프로그레스 등 예를들면 MUI가 컴포넌트를 나누듯 이렇게 배워가는구나 오늘 크게 2군데에서 고전을 했다 첫 번째는 비동기적으로 받은 데이터를 그려주는 것 리액트의 렌더링 방식을 깊게 생각해보게 되었다 중간에 어떻게 돌아가게 만들었는데 명확하지 않아서 돌아돌아 마침내 완성 두 번째는 컴포넌트 독립시키기 위해서 '컴포넌트 구분 기준'처럼 이미 얽히고 설킨 컴..

엘리스 SW 엔지니어 트랙 74일차 팀 프로젝트 9일차 오늘도 프론트, 백 페어로 각 페이지 개발 삼매경 👨‍💻👩‍💻👨‍💻👩‍💻👨‍💻👩‍💻 개발 맑음 기능 세분화하고 To do 만들어서 하나씩 구현하고 컴포넌트로 나누며 의존성 떨어뜨리고 테스트까지 착착 스타일 흐림뒤 맑음 그려놓은 피그마에 따라 만들어야 되는데 생각대로 안되고, 값을 이리저리 변경해보다가 한 속성의 파워로 스타일 구현은 물론 기본적인 반응형도 가져가게 되었다 그 속성 이름하야 clamp() width: clamp(0px, 100%, 600px); clamp(최소크기, 지금크기, 최대크기) 간단하게 최소크기, 보통일 때 크기, 최대 크기 지정하는 것 항상 지정하는 버릇 들이면 나중에 미디어 쿼리 작성이 줄어들 듯! 아무튼 구세주 clamp..

엘리스 SW 엔지니어 트랙 73일차 팀 프로젝트 8일차 본격적으로 개발을 시작한지 3일차가 되었다 각자 맡은 코드에서 고군분투 중일걸로 보인다 나도 그렇고 컴포넌트화 맡은 페이지의 기능은 작동이 되도록 어제 만들었다 오늘은 코드 정리와 스타일을 마무리 하려고 했지만 내일 끝내게 될 듯 싶다 이유는 코드 정리에 생각보다 시간이 걸린 것 기능 구현에 힘을 쓴 코드를 독립성 있는 컴포넌트화 시켜주는 일을 했다 다른 페이지에서도 거의 똑같은 쓰이기 때문에 여기서 작업을 해주면 가져다 쓸 수 있기 때문이다 코딩 검색 코딩 검색 쉼 코딩 검색 코딩 마침내 독립성 꽤 유지! 그리고 다른 이유는 스타일에 생각보다 시간이 훨씬 걸린 것 여기서 검색이 대부분의 시간이 걸렸다 넓이, 높이, 박스에 대한 이해도도 증가 시켜야..

엘리스 SW 엔지니어 트랙 72일차 팀 프로젝트 7일차 오늘도 스크럼이라는 회의로 시작! 스크럼의 목적은 팀원의 작업 공유와 해결할 문제에 대해 같이 의논하는 것이겠지 어떻게 하면 의례적이지 않고 효과적으로 사용할 수 있을까 생각을 해봤다 아무래도 스크럼 포한 공유 활동 관리를 전담하는 사람이 있으면 기획에도, 디자인에도 그리고 개발시에도 문서적인 정리 뿐만 아니라 공통으로 사용되는 리소스에도 정리가 잘 되지 싶다 나부터 이런 일에 기여를 할 수 있도록 움직이자! 큰 수확 상태 관리 React로 개발하며 현재까지 제일 큰 수확은 상태 관리다 조금씩 더 리액트의 작동 방식에 대해 이해하게 되었고 언제 글로벌한 상태관리가 동아줄을 던져줄지도 알았다 styled-components styled-componen..

엘리스 SW 엔지니어 트랙 71일차 팀 프로젝트 6일차 설날 주간에 부트 캠프 방학이 있었다 🎊🎊🎊🎊🎊🥳🥳🥳🥳🥳🎉🎉🎉🎉🎉 방학 부트 캠프 시작 이래로 계속 달려온 것 같다 팀 프로젝트가 끝나면 부트 캠프도 종료된다 이후 어떻게 움직일지에 대해 계획도 세우고, 오랜만에 한 숨 돌릴 수 있는 주간이었다 2주간의 팀 프로젝트 불태우기 시작! 오늘은 각 페이지에 프론트 1명, 백엔드 1명이 같이 개발하기로 정했다 프론트엔드 코스라 백엔드 하시는 파트너분도 프론트 정답게 한다 그렇다곤 하지만 맡은 페이지에 오픈 데이터 API를 사용하기에 어떻게 하면 더 효과적으로 사용할 수 있을까에 대해 의견을 나눴다 개발에 들어가서 처음부터 컴포넌트를 딱딱 나누고, 재사용되는 코드를 묶고, styled-components를 고..

엘리스 SW 엔지니어 트랙 70일차 팀 프로젝트 5일차 기획 발표 준비 내일 있을 기획 발표를 위해 기획을 전체적으로 돌아본다 페이지도 많고, 기능도 짧은 기간에 구현하기에 조금 많네 기획의 목적 그리고 유저가 왜 사이트를 사용할까 생각해서 기능의 우선 순위를 정했다 1차 2차 3차 그리고 추가로 구분해서 일정을 정하고 안전장치를 마련하면 될 것 같다 개발 준비 사용될 기술에 대해 다큐먼트를 읽어보는 시간을 가지려고 한다 개인적으로 styled componenets 그리고 하단 참고 링크 리액트 리팩토링를 통해 리액트 작성법을 엿보자 팀 미팅외에도 여러 미팅(오피스 아워, 커리어 빌드업) 있는 날이라 조급하지 않고 여유롭게 오늘을 가져가자 컴포넌트 내가 맡은 페이지를 이렇게 개발하려고 한다 1. 페이지를..

엘리스 SW 엔지니어 트랙 69일차 팀 프로젝트 4일차 스크럼으로 시작 어제 할 일에 대해 역할 분담을 했고 각자 한 일을 공유하고 피드백으로 회의를 시작 프론트 폴더 구조, Git Flow, 상태 관리, 개발 일정 등 생각과 다르게 비교적 가볍게 의견을 교환을 했고 오후에 현업 코치님께 여쭤보기로 했다 드는 생각은 조금 더 시간을 투자해서 왜 필요한지, 어떻게 하는게 좋을지 생각과 토론의 시간을 가지고 우리 팀이 생각한 일리있는 아이디어를 가져가도 좋았을 것 같다 온라인으로 짧은 시간에 진행되는 프로젝트고 개발을 배우러 모인 우리는 개발자적(?) 사고로 기울다 보니 그럴 수 있을 것 같다 엘리스 끝나고도 온라인으로 진행되는 일들이 분명 많을텐데 타인을 배려하면서, 생각들을 자유롭게 펼칠 수 있고, 피드..

엘리스 SW 엔지니어 트랙 68일차 팀 프로젝트 3일차 기획의 날 2 기본적인 기획은 나오고 100% 이해는 아니지만 전체적으로 어떤 것을 만드는지에 대한 감을 잡은 것 같은 상황에서 역할 분담을 했다 디자인, 기획 확립, DB 구조, 개발 셋팅, 로고 등 각자 지금까지 기획에 이해한 내용으로 만들고 피드백을 주고 받는 것이 내일까지 이뤄질 내용이다 아마도 빠르면 내일부터 코드를 볼 수 있지 않을까 하는 예상 포스트 쓰는 것을 깜빡해서 포스트 내용이 짧은 오늘

엘리스 SW 엔지니어 트랙 67일차 팀 프로젝트 2일차 기획의 날 방향을 어디로 잡을지에 대한 의견 교류 페이지 구성, 기능 등 여럿이 모여 정하는게 쉬운일이 아니지만 이 단계에서 기획과 디자인을 골똘히 생각해 놓으면 개발할 때 분명 수월하게 진행되겠지 팀원 분들과 1차 프로젝트에서 잘된 것, 생각만큼 안흘러 갔던 것을 이야기 나누며 기획을 해나갔다 오늘은 페이지 구성하고, 페이지별 기능을 구성하고 피그마로 각 페이지별 레이아웃을 구성했다 이제는 메인 색상을 정하고, 레이아웃, 디자인 통일을 시키고 MVP와 일정 등 기획 단계를 마무리하면 개발로 넘어가지 않을까 싶다 개발전에 확인해볼 것 https://nextjs.org/ https://techblog.woowahan.com/2553/ SSR, CSR ..

엘리스 SW 엔지니어 트랙 66일차 팀 프로젝트 1일차 2차 팀 프로젝트 시작! 새로운 팀원, 새로운 아이디어를 모으는 첫 번째 날 목표는 한 가지 6명 모두 즐겁게 마무리할 수 있도록 어떤 주제건, 어떤 기술을 사용하든 뭐든 배운다 첫 날 회의는 역시 길었다 기획 단계라 이것 저것 다 정해야되니까 온라인으로만 하니까 답답한 것은 한 뭉치지만, 온라인이라 좋은 점도 많다. 오늘은 서비스 명, 목적 등 기본이 될 것들을 정했고, 내일부터 본격적으로 기획이 들어갈 것 같다 Wireframe과 Design 그리고 MVP, 일정에 맞게 기획을 가다듬으면 개발 시작이 되겠지 마침내 첫 리액트 프로젝트 개인 프로젝트 완성을 완성했다 리액트, 리액트 라우터 연습을 위해 만들었다 기능을 먼저 구현하고자 디자인, 기획에..