Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

김재윤 #21

Open
4 of 5 tasks
JaeYoonKimme opened this issue Jul 21, 2022 · 1 comment
Open
4 of 5 tasks

김재윤 #21

JaeYoonKimme opened this issue Jul 21, 2022 · 1 comment

Comments

@JaeYoonKimme
Copy link

JaeYoonKimme commented Jul 21, 2022

이번 과제는 CSS를 다루는 여러가지 방법에 대해 알아보고 그 중에 한 가지를 택하여 첫번째 과제 프로젝트에 CSS 라이브러리를 적용하고 기존 *.css 파일을 삭제하는 것입니다.
개인 프로젝트에서 최대한 자유롭게 여러가지 라이브러리를 사용해보고 팀 프로젝트에서 각자 사용한 라이브러리들을 비교하고 어떤 라이브러리가 우리 팀 프로젝트에 알맞는지 토론하여 사용할 라이브러리를 정하는 과정을 겪어보는 것이 과제의 의도입니다.

70% 목표


  • 기존 부트스트랩과 유사하게 클래스 이름을 지정하여 속성을 결정하는 tailwindcss 에 대해 알아보기

https://tailwindcss.com/

  • 새로운 컴포넌트 변수를 정의하여 사용하는 styled-component에 대해 알아보기

https://styled-components.com/

  • 컴포넌트의 props에 css prop을 넘겨주는 emotion에 대해 알아보기

https://emotion.sh/

100% 목표


  • 기존 개인 프로젝트 저장소에 위 3가지의 css 라이브러리 중 하나를 적용하고 *.css를 삭제해서 배포하기

저장소 주소
https://github.com/JaeYoonKimme/myPage

사이트 주소
https://next-js-eight-sandy.vercel.app/

130% 목표


  • 기존 개인 프로젝트 저장소에서 별도의 브랜치를 생성하여 다른 css 라이브러리를 적용하기

브랜치 이름
버셀에서 배포된 브랜치 주소

@JoonsungUm
Copy link
Member

리마크를 활용하여 마크다운 문서를 활용한 것이 인상적이네요. 수고하셨습니다.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants