[WIL] 향해99 1주차

 

내가 향해를 시작한 이유,  향해 시작 까지의 과정 

단순히 예쁜 웹사이트를 만들고 싶어! 라는 마음으로 시작한 UIUX 디자이너라는 직업이
회사를 다니면서 내가 디자인을 하고 싶은 걸까? 사용자에게 보이는 화면을 만들고 싶었던 것일까?
5개월 동안 많은 고민 끝에 퇴사를 하고 프런트엔드의 공부를 시작하게 되었다.

독학으로 인터넷 강의를 시청하면서 직접 내가 구현한 코드들을 보며 "내가 지금 하는 방식이 맞는 건가? "
"다른 사람들은 어떤 방식으로 코드를 짜는 걸까?"에 대한 궁금증이 생겼고 문제 발생 시에 그 문제를 해결하는 과정을 혼자서 알아가기엔 너무 힘들었다 다양한 부트 캠프를 찾던 중 향해 99를 통해서 팀원들과 서로의 코드를 공유하고 함께 만들어보자!라는 마음에 지원을 하여 향해 99를 시작했다 늦은 지원으로 4일 동안 사전 공부를 모두 마쳐야 했는데 '다른 팀원들께 방해는 되지 말자! '라는 생각으로 사전 강의를 완벽하게 이해하진 못했지만 끝까지 시청하며 코드의 흐름을 이해하려고 노력했고 향해의 첫 주를 시작할 수 있었다.

 

  1주간의 일정 및 프로젝트 내용  

프로젝트 3일 전 / 팀원과의 OT (게더에서 팀원과의 만남)

1일차 (첫 미니 프로젝트 시작)
- 4기 OT 진행
- 향해 99 특강 (git 사용법 / TIL, WIL)
- 프로젝트 주제 선정
- 와이어 프레임 제작
- API 설계
- 자료 조사
- S.A(Starting Assignment)

 

2일차 (버전 관리로 코드 날려먹지 말자! GIT 사용해 보기)
- 팀원들과 GIT 사용해 보기
- Flask Document extends
- Database Design

 

3일차 (너무 좋은데?!  Bootstrap 적응하기 )

-  Bootstrap을 사용하여 레이아웃 잡기

-  ajax를 이용하여  DB 데이터 요청해 보기

-  flask 템플릿을 사용해서 layeout 페이지 구현

 

4일차 ( 예쁜 것도 중요하다! CSS 도전하기 )
- 메인 페이지 CSS 디자인
- 메인 페이지 반응형 적용
- 회원가입 페이지 구현 문제로 메인 레이아웃 수정

 

5일차 (팀원들과 울뻔했던 첫 프로젝트 배포)

-  전체 페이지  CSS 디테일  수정

- 최종 프로젝트 git에  merge 하기

- 팀원들과 알파테스트 진행 및 수정 진행

- AWS EC2 , 가비아 도메인 연결해 보기
- 영상 제작 과정 회의 및 최종 배포 완료

 

6일차 (팀원들과 코드 리뷰 및 마무리 )
- 팀원들과 코드 리뷰
- 프로젝트 멘토링 피드백
- 프로젝트 README 작성
- 주특기 선정

 

 1주일 동안 난 무엇을 알게 되었는가 

1. PyCharm Flask 사용
프로젝트를 진행하면서 처음으로 Pycham이라는 프로그램을 사용해 보고 Python이라는 언어를 공부할 수 있었고
Flask 템플릿의 상속으로 각 페이지의 중복된 로직을 조금 더 간결하게 표현할 수 있는 방법을 알 수 있었다

2. Git Fork 하는 법
직접 내 repository를 만들어보기도 하고, 팀원의 Repository를 Fork로 복사하며 내 로컬에 clone을 통해 별도의
branch를 직접 생성해 보았고 내 branch의 수정된 내용을 push 하여 pull request 보내보면서 깃의 사용방법을 알 수 있있었다.

 

3. 기획의 중요성
프로젝트 1일차에 작성했던 레이아웃이 개발과정에서 구현의 문제로 변경해야 하는 경우가 생겼는데 
로그인, 회원가입 이 login.html에서 toggle방식으로 구현이 되어 별도의 로그아웃 페이지를 불러올 수 없게 되었다
이 과정에서 기획 방법을 변경했고 header 부분에 회원가입 버튼을 빼고 로그인 클릭 시 로그인 페이지에서 회원가입으로 이동하는 방식으로 변경 후 로그인할 때는 header 보이지 않도록 방법을 변경했다

 

4. 부트스트랩의 사용방법
부트스트랩을 사용하면서 CSS Flex 속성에 대해서 찾아보고 적용해 볼 수 있었으며

부트스트랩의 기본 CSS를 커스터마이징 하면서 코드를 뜯어볼 수 있는 시간이었다.

5. 팀원과의 소통
모르는 것이나 막히는 부분에 대해서 물어보는 게 맞는 걸까? 팀원에게 방해되지는 않을까 많이 걱정돼서 처음에는 질문을 하기 힘들었지만
혼자 끙끙 고민하다가 개발 일정이 늦어지는 것이 오히려 팀원들에게 피해일 수 있었고 많은 내용을 공유할 수 있었다.

 

6. API 설계
REST API를 URI만 보고도, 직관적으로 이해할 수 있도록 URL 을 최대한 간단하게 만들어야 한다는 것을 알게 되었고
각 기능별로 호출은 어떻게 하고 응답을 어떤 식으로 할 것인지 API 레퍼런스를 기획하며서 개발자들과의 소통을 위해서는 API의 설계가 중요하다는 걸 알게 되었다.

 

6. JWT 인증 방식
JWT 인증 방식을 사용하여 직접 로그인 페이지를 구현해 보진 못했지만 팀원과 코드 리뷰를 통하여 서버 인증 방식이 아닌 토큰 기반 인증 방식으로 인증받은 사용자에게 토큰을 발급해서 서버에 요청 시 헤더에 토큰을 함께 보내도록 하여 유효성 검사를 하고
사용자의 인증 정보를 서버나 세션에 유지하지 않고 클라이언트 측에서 들어오는 요청만으로 작업을 처리할 수 있었다는 것을 알 수 있었다

 

 

 부족했던것 , 앞으로의 공부계획, 다짐 

어색한 용어들들과 친해지려고 노력하자!!
강의를 무작정 따라 치는 것이 아니라 코드의 흐름을 알려고 하자!

 

마치며

향해 99 4기 1주차 8조 우리 팀원들 너무 고생 많았습니다!
다음에도 또 만나서 함께 프로젝트 진행했으면 좋겠어요 :)