[디벨로퍼] 채용 사이트 프로젝트 2

 

 

오늘은 메인페이지의 반응형UI를 작업했다(상단 헤더, 채용공고 컨테이너 사이즈, 크기에 따른 이미지 보여주기 등)

 

앱 개발만 했던 나에게는 생소한 개념인데 TailwindCSS에서 친절하게 사이즈별로 어떤 처리식으로 속성을 먹여야 하는지 준비를 해뒀더라. 기본적으로 모바일 기준의 사이즈로 설정하고 md:~ md사이즈 이상일 때만 어떤 식으로 처리하는 식으로 가능하다. ChakraUI 쪽은 속성을 json 스타일로 잡고서 base: ~, md: ~ 이런 식으로 설정할 수 있다. 간혹가다 CSS가 안 먹히는 경우가 있는데 div 태그에 넣거나, 되는 방식을 찾아서 작업하면 된다.

 

그 외에 채용공고 상세페이지를 작업하고 있다. 생각보다 UI작업이 쉽지는 않은 것 같다(배치가 어려움...)