HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생
/
🙂
동근팀
/
2023/01/17(화)
2023/01/17(화)
2023/01/17(화)

2023/01/17(화)

팀원
회의
Jan 17, 2023
프로젝트
프로젝트 DAY-14

오늘 전체적으로 해야할 일들


스타일 입히기


  • 각 페이지 스타일 적용하기
  • 각자가 맡은 영역 와이어프레임 토대로 스타일 작업 2일 동안 완성하기
  • theme.ts에 전역 변수로 자주 사용될 것 같은 색깔, 폰트 크기 설정
  • 전역 변수를 추가하고 싶다면 theme.ts에서 설정하고 styled.ts에서 타입 지정 필요(타입 지정이 되어야 사용 가능)
 

피그마 디자인 css 참고하는 방법 유지영


  1. 피그마 언성히어로 프로토타입 페이지로 이동
  1. css 정보를 보고싶은 블록 클릭(내가 보고싶은 부분이 지정되어있는지 잘 확인!)
  1. 오른쪽 상단에 Inspect 클릭
  1. 하단에 Code 부분에서 css 관련 코드 참고
크기 같은 것은 최대한 맞춰놨지만 안 맞는 부분이 있을 수 있으니 적용해보시고 이상하다 싶으면 수치 수정하고 알려주세요! 피그마에도 적용해두겠습니다!!
 

기능 구현


  • 404페이지 만들기
  • 작성자 본이 쓴 글이 아닐 경우 글 수정 페이지로 접근하지 못하게 함
 

그 외 회의 사항


px to rem 익스텐션 활용해보자!!!!