코드노트

어떻게 보면 마지막 파이널 프로젝트를 위해 부트캠프를 시작한것인지도 모르겠다. 부트캠프를 통해서 협업을 경험하기위해 온것인 만큼, 기업과의 연계를 통해 실제 현업에서 어떻게 프로세스가 진행되고 실제 기획부터 참여하며 협업을 통한 경험을 얻고 싶었다. 결과적으로는 협업을 하기는 했지만 정말 매운맛 프로젝트 경험을 하게 되었다. 담당 멘토님 또한 현업에 가게 되더라도 이정도로 매운맛을 보지는 않을것이니 걱정하지마라고 하셨다... 그만큼 열악한 상황에서 우리들은 큰 사건사고없이 프로젝트를 마무리할 수 있었다. 이번 프로젝트에서도 팀장을 하게 되었다. 일정 조율 및 프로젝트 진행을 하면서도 부족한 점들이 많이 있었지만 1인분이상을 해주며 마무리까지 완주한 우리 프론트엔드 팀들에게 박수👏🏻를 쳐주고 싶다. 특히 ..

개인프로젝트 이후 이번 프로젝트는 2023.05.01 ~ 2023.05.15 2주간 진행했다. 이번 팀프로젝트는 프론트엔드와 백엔드가 같이하는 프로젝트였다. 개인프로젝트 회고는 추후에 따로 남기도록해야겠다..리팩토링도 진행해야하는데 시간이 부족하다.. 이번 프로젝트도 팀장을하게되었다. 부족하지만 잘따라와준 팀원들 너무 고생했다.. GitHub - kjungit/smash-teams-FE Contribute to kjungit/smash-teams-FE development by creating an account on GitHub. github.com 백엔드와 협업은 처음이였고. 생각했었던것만큼 쉽지않았던것 같다. 처음이기도 했지만 기획 디자인부터 시작해서 처음부터 같이 시작하다보니 백엔드가 구현되고나서..

길고길었던 팀프로젝트가 끝이 났다. 우리는 처음에는 5명이였지만 결국 마무리는 4명으로 끝이 났다. 아쉽지만 팀원 한명은 과정을 drop..하였다. 그렇게 4명이서 팀프로젝트를 마무리하였다. 바닐라 자바스크립트로 진행되었던 프로젝트였고, 처음 기획부터 순조롭게 시작하다보니 별 걱정없이 프로젝트를 진행하였다. 기획, 퍼블리싱을 진행하며 피그마를 통해 협업을 진행했고, 우리팀원들은 다들 참여도도 높았고, 적극적으로 팀프로젝트에 임했던거 같다. 그러다보니 충돌?도 없었고 작업하는내내 웃으면서 즐겁게 작업을 했다. 이렇게 좋은 사람들을 만나는것도 운인거 같은데.. 또 다시 이렇게 즐겁게 팀프로젝트를 할 수 있을까? 라는 생각도 든다. 다들 다음 팀프로젝트에서도 같이 하고싶다는 말들을 나누었다.. 매니저님들 저희..

팀프로젝트 현재 진행하고 있는 바닐라 자바스크립트로 진행하고 있는 쇼핑몰 프로젝트가 마무리가 되어가고 있다. 자바스크립트 구현은 끝났고, 나누어 작업했던 파트들을 github에 올려 PR후 라우터를 정리하는데 꽤 오랜시간이 걸린거 같다. 아직 처리하지못한 것들 - scss 정리, 스켈레톤UI - JS 리팩토링 - 비동기 네트워크 시간 - 현재 거래내역API가 시간이 너무 오래 걸린다.. 다른 api는 괜찮은데 거래내역만 들고오면... 답답... indexedDB를 활용하는방법이 있는것 같기도하다.. 서버를 수정할 수 없고 네트워크 제한으로 모든 데이터를 가져와야하는 상황이다보니 로컬 스토리지 등등을 사용해서 클라이언트 측에서 데이터를 캐시하는것이 해결책이라고 생각중이다.. 현재는 프로젝트를 빨리 마무리하..

현재 패스트캠퍼스에서 팀프로젝트를 진행하고있다. 거래 API가 주어졌고, 상품관리부터 거래내역관리까지 그리고 관리자페이지도! 처음에는 어디서부터 시작해야할지 고민을 했었던거 같다. 기획부터 시작해서 결과물을 만들어야내는 과제는 처음하다보니 막히는부분들도 있었지만 figam, github를 통해서 협업을 진행하였다. 기획을 진행하면서 쇼핑몰을 만들기로 하였고, 주제를 정하면서 너무 재밌었던거 같다. 식품 쇼핑몰이지만 마켓컬리홈페이지를 벤치마킹하기로 하였고 오뚜기로 이름을 지었다. 그리고 들어가는 제품은 농심이다.. ㅋㅋㅋㅋㅋㅋㅋㅋ 아 우리의 팀 이름은 전국 팔도이다. 팀원 전체가 사는곳이 달랐고 오뚜기 -> 농심 -> 팔도... 스토리가 완성되었다...! ㅋㅋㅋㅋㅋ 기획과 레이아웃 그리고 디자인을 정하는데..

1차 과제였던 클론코딩 후 2차 과제로 영화검색 사이트를 제작했다. 영화 API를 들고와서 구현하는 검색사이트였다. 이번 영화 검색사이트를 제작하면서 비동기에 대해서 많이 배우게 된거 같다. 그리고 Jquery, React, Vue를 사용하지않고 바닐라 자바스크립트로 구현하다보니 자바스크립트에 대해서도 공부를 할 수 있는 계기가 되었다. Vue를 사용해서 영화검색 사이트를 만들었던 경험이 있지만 바닐라 자바스크립트로 구현하는건 또 달랐던거 같다. 1년도 채 되지 않았는데 같은 API를 사용하는데도 사용하는데 힘이 들었다.. 역시 코드를 짜고나면 바로 기억속에서 사라지는거 같다... Movie Search strong-rolypoly-f45a54.netlify.app 코드를 짜고 Readme.md에 정보와..

- 메가바이트스쿨에 입과한지 3주차가 되었다. 자바스크립트를 공부하면서 첫달이 가기전에 리액트도 같이 병행하려고했는데 생각보다 시간분배가 어려운거 같다. 첫 목표는 도달하지 못하였지만 그래도 얻은것들이 많은 주였다. 왜냐하면 자바스크립트 공부가 생각한것보다 진행이 잘되고 있다!!!!!..(이해 안되는것도 많음) - 첫주에는 git, github를 배우고 개념부터 시작해서 사용법까지 배웠다...! 생각보다 어려운점은 없었고 손에 안익는다는 느낌...?! add, commit은 이제 그래도 손에 익은거 같다. 브런치, pr, git flow는 아직도 손에 안익지만 현재 진행하고 있는 클론코딩 과제도 github로 하기 때문에 계속 사용하면서 손에 익혀야할거 같다. - TIL을 작성하면서 매주 주차별로 WIL..

Branch - 분기점을 생성하고 독립적으로 코드를 변경할 수 있도록 도와주는 모델 - 다른 브랜치의 영향을 받지 않기 때문에 여러 작업을 동시에 진행할 수 있다 Branch command git branch - 현재 브랜치 확인 git branch 이름 - 브랜치 생성 git switch 이름 - 브랜치 이동할 때 git branch -D 브랜치이름 -브랜치 지우기 git merge 브랜치이름 - 다른 브랜치로 작업한 결과물을 가져온다. - 가져올 브랜치로 이동 -> 가져올 브랜치 이름을 명령 git branch --merged - merge된 branch 표시 git branch -no--merged - merge되지 않은 branch 표시 브랜치 이동 후, git push origin -u 브랜치..

git 과 github는 다르다. git은 도구, 버전 관리 프로그램 - 나의 코드 수정 내역등을 기록하고 관리하는 관리 프로그램이다. - 로컬 저장소를 사용하기 때문에 다른 개발자와 실시간으로 작업을 공유할 수 없다. github 버전 관리, 소스 코드 공유, 원격 저장소 - git 저장소를 관리하는 클라우드 기반 호스팅 서비스! - 클라우드 기반으로 다른사람들과 소스코드 공유 및 git기능을 확장하여 제공 - 여러 사람들과 참여하여 버전 제어 및 공동 작업이 가능 git object git 은 object로 관리한다. ▶ Blob - git add 명령 시 생성 - 파일 하나의 내용에 대한 정보 - 파일 내용 ▶ Tree - git commit 명령 시 생성 - Blob이나 subtree의 메타 데이..

git에 대해서 기본 명령어들을 배우고 사용했었다. 그러나 git의 개념, 사용법 등에 있어서 모르는부분들이 많았다. 처음부터 github에 잔디를 심는? 심어야겠다는 생각보다 블로그에 하나하나 기록하자는 생각이 컸기 때문인거 같다. 지금까지도 블로그에 어떻게 보면 기록들을 하고 배운내용들을 정리하는 부분들이 많았지만 이번 git을 배우면서 github에도 기록을 하는 연습을 해야겠다는 생각이 들었다. git 의 장점 - 소스코드 동시작업 가능, 생산성 증가 - 수정내용은 commit 단위로 관리, 배포 및 원하는 시점에 Checkout가능 - 인터넷 연결이 되지 않아도 사용 가능 - CLI Shell command와 Vim editor에 대해서 배웠다. Shell - 운영체제의 커널과 사용자를 이어주는..