패스트 캠퍼스 : 토이 프로젝트

패스트 캠퍼스에서 첫번째 토이 프로젝트를 진행하였다. 모바일 은행 앱을 모방한 웹을 만드는 것이었다. HTML, CSS, 바닐라 JS를 사용하여 프로젝트를 만들었다. BEM HTML은 BEM 방식으로 class를 만드는 데 초점을 두었다. 처음 만들때에는 클래스 이름이 너무 길어져서 굉장히 귀찮았는데, CSS를 만들때 굉장히 편리했다. BEM 방식이 아니라 간단한 클래스로 엘리먼트를 만들면 CSS 선택자가 너무 길어진다. 예를 들어 account클래스를 가진 div 엘리먼트 안에 header 엘리먼트 안에 feature클래스를 가진 div 엘리먼트 안에 qr 클래스를 가진 div 엘리먼트를 선택하려면 CSS 선택자와 account__header--feature--qr 클래스를 가진 div 엘리먼트를 선택..

패스트 캠퍼스-미니 프로젝트

패스트 캠퍼스에서 첫번째 미니 프로젝트를 진행하였다. 간단한 게임을 만드는 것이었는데, 중점은 게임 제작이 아니라 깃 사용법 숙달이었다. 5명의 팀원이 각각의 포크에서 git flow를 사용하여 작업을 진행했다. 구체적으로는 모두 각각의 포크에서 main develop feature 브랜치를 사용하였으며 feature => develop => publish(develop) => release(main) 순으로 진행하였다. 이 과정을 통해 실제 현업에서 깃을 사용하는 방법을 조금 더 배울 수 있었다. 또한 이 과정에서 issue, project 기능을 사용하였다. 따라서 첫 번째 미니프로젝트를 진행하면서 중구난방으로 사용하던 깃의 개념이 정립되고 익숙해졌으며, 있는지도 몰랐던 이슈와 프로젝트 기능을 사용할..

항해99-1주차 회고

항해에 들어와 첫번째 프로젝트가 끝났다. 첫번째 프로젝트는 항해99에 들어오기 전에 미리 배운 사전 수업을 토대로 간단한 미니 프로젝트를 진행한다. 일단 팀프로젝트 자체가 처음이기도 하고, 별 기능도 없긴 하지만 일주일만에 웹페이지를 만든다는게 쉽지 않았다. 깃은 사용한지 오래되었으나 여러명과 같이 사용한 것은 처음인지라.... 4명의 커밋과 머지는 가면 갈수록 꼬이고...브랜치를 지웠다 만들었다를 수없이 반복해가며 오류를 피했다. 며칠밤을 희생하며 달린 결과 다행히 구현이 어느정도 완성된 웹페이지를 2021.11.05에 완성하여 제출할 수 있었다. 다음은 실제 웹페이지가 구동되는 모습이다. 상세 페이지와 마이 페이지는 jinja2를 이용하여 서버사이드 렌더링으로 구현했다. 실제 구동 화면 댓글 기능은 ..

항해99-1주차 미니 프로젝트(Starting Assignment)

1. 주제 Dr.challenge 2. 설명 작심삼일은 이제 그만! 재밌는 챌린지를 골라 도전을 재밌게 도와주는 Dr.challenge가 왔습니다. 챌린지를 완수하면 얻을 수 있는 뱃지를 모아 동기부여까지 도와드립니다. 3. 와이어 프레임 4. API 5. github : https://github.com/GyoHeonLee/hanghae99-p1