Nathan's 개발 일지

마이서핀 🏄‍♂️ 한발짝 나아가는 개발자 2주 프로젝트를 시작하기 전에 두려움이 가득했습니다. 나는 아직까지 배운게 많지 않은 것 같은데 해낼 수 있을까? 짧은 기간안에 처음부터 끝까지 동작이되는 사이트를 개발할 수 있을까? 여러 생각이 들었지만, 코드스테이츠 졸업생의 말이 떠올랐습니다. '프로젝트 때 퍼즐의 조각이 맞춰지는 느낌이다.' 지금까지 프리코스, 이머시브 코스를 겪으면서 배웠던 것들이 퍼즐의 조각처럼 떠다녔는데 프로젝트를 하면서 이 조각들이 맞춰질 것이란 생각이 들었습니다. 이 말을 기억하며 프로젝트를 시작했습니다. 팀원들과 함께 하나씩 차근히 진행하다보니 어느새 멋진 'be Dev'만의 사이트가 만들어졌습니다. 아직 더 많은것을 배워야하고, 부족하지만 팀원들과 함께해서 즐거웠고 큰 힘이 되었..

처음에 디자인하고 코드를 막 제대로 쳐본지는 이제 일주일이 된거같은데 벌써 프로젝트의 마무리가 다가왔다. 일단 다행이도 큰 이슈는 생기지 않고 배포까지 테스트 완료했다. 하지만, 자잘한 오류 발생으로 수정중이다. 정말 빠르게 시간이 지나갔다. 마지막 발표까지 준비를 잘 하기 위해서 오전에는 자잘한 오류들을 수정하고, 오후에는 발표 준비를 했다. 마지막까지 잘 해서 끝맺음을 맺자. Fact (사실) 사인 페이지 이동 색상 변경 css 키프레임 이벤트 추가 버튼 스크롤 이벤트 추가 발표준비 Feeling (느낌) 드디어 마무리 되나.. 싶은데 막상 생각보다 수많은 자잘한 오류들이 발생했다. 그래도 끝이 보여서 기분이 좋다. 첫 프리코스때 졸업생이 배포한 작품 보면서 사용 스택을 보며 멋지다고 생각한 일이 기..

스프린트_2 의 목표로 기능 구현 70%를 목표했었는데, 다들 주말 시간을 투자해서 하다보니 거의 100% 구현이 완료되었다. (사실 자잘한 오류들이 꽤나 있긴 하다. 내 마음속에서는 100%다.) 2주 프로젝트의 규모 치고 정말 많은 기능들과 새로운 것들을 많이 넣었는데, 똑똑한 팀원들이 있어서 잘 해내고 있다. 아마 코드스테이츠 하고 처음 느끼는 감정일지도 모르는데, 직접 이렇게 처음부터 끝까지 프로젝트를 하다보니 우리의 사이트에 애정이 생긴다. 새로운걸 하면서 어렵지만 또 한편 재밌다고 느낀다. 오늘 팀장님이 서버 테스트를 다 완료해서 일단 한시름 놓았다. 이제 css 디테일적인 부분 구현이 들어가고 자잘한 오류 수정들 그리고 S3가 남았다. 저녁 시간에 약간의 시간 투자를 하여 우리 사이트 로고를..

프로젝트가 생각보다 구조가 복잡해서 어느순간 놓쳐버리니 멘붕을 하였다. 팀원들께 매우 미안했었다. 그래도 유능하고 착한 팀원들이 잘 알려주고 격려해줘서 다행이다. 일단 작은 일 부터 시작하자 생각해서 미뤄뒀던 우리 프로젝트의 WiKi를 작성하였다. 위키 작성 후 그간 공부했던 리액트, 리덕스 스프린트를 다시 봤다. 물론 아직도 어렵지만.. 이전보다는 이해가 좀 더 되었다. 오늘 라이브러리 활용하여 그래프 구현하고, 스크롤 이동 이벤트 구현, 서버에서 필요한 데이터 가져오는 함수 구현하였다. 금, 토요일 적었던 회고록을 아래 올려본다. 2021.03.19 (금) Fact (사실) SignUp 컴포넌트 작성을 했다. 이메일, 비밀번호 유효성 검사 기능을 추가했다. 서버요청에 대한 내용의 이해가 부족한 것 같..

10시에 주간 미팅을 마치고 오늘 할 일을 정한 뒤 보았는데, 코드를 보니까 각자의 스타일이 달랐다. 띄어쓰기나, 쌍따움표, 중괄호 안에 띄어쓰기 등 사소한게 다르니 머지할 때 문제가 생겼다. eslint나 prettier는 사소한 것이라 생각했는데, 사소하다고 생각한 것 조차 중요한 것 이었다. 생각보다 시간이 오래 걸려.. 1시간은 서로 세팅을 맞춘 것 같다. 우리 팀의 팀장님 덕분에 css틀이 잡히고나니(scss를 활용!) 동작 구현을 확인하는데 수월하였다. 이머시브 올라와서 스프린트 하면서 크게 막힌적이 많이 없었던 것 같은데(백앤드 쪽 제외) 진짜 바닥부터 처음부터 코딩하는 것은 정말 어려운 것 같다. 리덕스는 스프린트 하면서 굉장히 빠르게 넘어가서 한번 써보고 훅 지나갔는데, 실제 프로젝트에서..

드디어 SR모든 과정을 완료했다. 와이어프레임 설계, 스키마, 워크플로우, 페이지 구현 기본 뼈대를 만드는데 생각보다 오랜 시간이 걸렸다. 하지만 이 과정은 해놓으니 그 다음은 수월하게 진행되는 느낌...?이다. Fact (사실) class명 지정완료. 와이어프레임 설계, 페이지에 시멘틱 테그들 작성 완료. SignIn, SignUp Component 뼈대 작성, SearchPage, SignPage pages 뼈대 작성완료. 깃허브 테스크 카드 첫 작성! Feeling (느낌) 와이어 프레임 설계를 치밀하게 하니 뼈대 작성시 매우 편리하다. 이름 짓기는 어렵다. BEM 방식을 활용하여 지었는데 일단 정돈이 어느정도 된 것 같다. 하나씩 진행되는 과정이 신기하다. Finding (교훈) 와이어프레임설계,..

SR 2탄 SR의 나머지 과정을 진행했다. 전공자 출신인 분 덕분에 백앤드 쪽은 수월하게 진행하게 되었다. 스키마작성은 백앤드분이 작성해온 덕분에 금방 진행이 되었다. API작성은 백과 프론트가 함께하여 작성이 완료되었다. 서버 배포까지 완료하여 이제 시작만 남은것인가? 이머시브 진행하면서 서버 배포가 가장 어려웠는데.. 역시나 다시봐도 어렵다. 이번 프로젝트를 진행하면서 역시나 나는 프론트가 좋다는 걸 느끼고있다. 눈에 안보이는 것 보단 보이는게 더 와닿는다. 프론트의 페이지 와이어프레임을 작성하고 대략적인 디자인틀을 완성하여 뭔가 벌써 홈페이지가 만들어진 것 같은 느낌..! 프로젝트 스키마 작성 - 완료 API 문서 작성 - 완료 프로젝트 태스크 카드 작성 및 분배 - 내일 예정 마일스톤 작성 - 내..

SR이란? SR(Software Requirement)는 시스템이 목표 달성을 위해 갖춰야하는 기능, 또 그러한 기능을 정리한 문서를 뜻한다. 대망의 코드스테이츠 첫 프로젝트가 시작되었다. 첫 프로젝트는 기존에 코드스테이츠 이머시브코스 과정을 거치며, 배웠던 모든 것들을 활용 할 수 있는 기본에 충실한 프로젝트가 되자는 목표를 가졌다. 팀원분들 모두 동의를 해주셨고, 해당 목표를 가지고 SR을 시작했다. 1. 프로젝트 선정 코드스테이츠를 시작하고부터 나는 마지막에 어떤 프로젝트를 결과로 내야할까 고민을 했었다. 이제 그 고민이 현실로 다가오는 시점이 되었는데, 일단 우선적으로 생각했던 부분은 범용성있게 일상적으로 사용할 수 있는 웹 앱 사이트를 만들었으면 좋겠다는 생각이 있었다. 여러가지 아이디어가 나왔..