본문 바로가기

프로젝트11

[프로젝트] WantU (3/16 - 3일차) 1. Nav (drop down menu) 어제 완성한 nav바에 추가 기능을 구현해보았다. 위 사진은 각 메뉴들에 hover 했을 때 모습이다. 원티드 공식홈페이지에서는 가로형이 아닌 세로형으로 드롭 다운 메뉴들이 배치되어있었다. 그래서 공홈과 같은 세로형으로 만들었다. 개인적으로 느끼기에, 가로 ver. 보다 세로 ver. 이 조금 더 까다롭다고 느껴졌다. hover 하지 않았을 때 보이지 않게 처리해야하는 부분과 구조를 짤 때도 정확히 어느 부분에 2단 메뉴를 추가해줘야 위의 모양처럼 나오는지 헷갈려서 아주 조금 당황했었다. 또한 햄버거 버튼에 hover를 했을 때 드롭다운메뉴에 마우스가 도달하기도 전에 사라져서 그걸 어떻게 해결 해야할 것인지 혼자 생각해보는 시간을 갖게 되었다. 그래서인지, 이 .. 2022. 3. 17.
[프로젝트] WantU (3/15 - 2 일차) 1. Nav 만들기 1) 화면 상단 고정 position : fixed 사용해서 화면 상단에 고정시켰다. (스크롤을 해서 밑으로 내리더라도, 상단에 계속 존재할 수 있게 만들었다.) 2) nav 햄버거 버튼 생성 햄버거 버튼에 hover 하면, 드롭 다운 2단 메뉴가 나올 수 있도록 구현했다. 3) My page 버튼 생성 My page 버튼을 클릭하면 , my page 로 이동할 수 있도록 navigate를 사용해서 구현했다. 2. Footer 만들기 원티드 공식홈페이지 footer와 똑같이 만들어보려고 노력했다. 원티드 공홈의 footer를 보면, 오른쪽 사이드 하단부분에 select와 option을 사용해서 웹사이트 언어를 user가 선택할 수 있는 부분이 있었다. select 와 option 으로.. 2022. 3. 16.
[프로젝트] WantU (3/14 - 1 일차) 1. 어떤 기능의 페이지를 구현할지 결정하기 새롭게 시작한 2차 프로젝트, 어떤 페이지를 구현해볼 것인지 팀원들끼리 모여 회의를 했다. 2주도 되지 않는 기간 동안, 우리가 하고 싶은 페이지가 무엇이며, 현실적으로 가능한지에 대해 의논을 했다. 그 결과, 소셜 로그인 페이지 , 채용 공고 리스트, 채용 공고 상세 페이지, 이력서 관리(파일 업로드 기능) 이렇게 총 4페이지를 구현해보도록 얘기가 나왔다. 저번 1차 프로젝트와 달리, 이번 2차 프로젝트의 팀원은 4명뿐이다. 시간은 똑같지만, 인원은 적으니 처음부터 계획을 세밀하게 잘 짜야되겠다 생각이 들었다. 2. FE & BE 주고 받을 데이터 결정하기 지난 번, 1차 프로젝트를 교훈 삼아 뼈저리게 느낀 것은 처음부터 프론트와 백엔드가 서로 주고받을 데이.. 2022. 3. 16.
[프로젝트] Cha.Dam.Hwa [ADIOS] nav, footer,회원가입 및 로그인, 메인페이지 nav, footer, 카트, 이벤트 페이지 1차 프로젝트 진행과정 벌써 2주라는 시간이 흘러, 1차 프로젝트가 끝이 났다. '술담화' 공식 홈페이지는 심플한 ui 구성을 가지고 있었다. 그래서 2주라는 시간 내에 충분히 원하는 기능들 (추가 기능 포함)을 모두 구현할 수 있을거라 생각했다. 하지만, 막상 직접 만드니, 그 안의 기능들, 특히 필터 기능이 만만치 않았고, 필터 기능을 제외하고도, 슬라이드 구현 및 이중 map을 사용한 컴포넌트 모음을 만드는 것이 생각만큼 호락호락하지 않았다. 처음 해본 프로젝트라서 단순히 프론트와 백엔드 각자의 일만 잘하고 나중에 합쳐보면 될거라는 무지한 생각을 했다.. 2022. 3. 15.