학원 테마 웹사이트 제작

한국어 어학원을 겨냥한 웹사이트를 한 번 가볍게 만들어 봤다.

리액트 그리고 SCSS 를 이용해 봤고 

컴포넌트 단위로 잘 나누려고 했다! 

 

궁금한 것 중 하나는 

import classes from '../Home.module.scss' 
이런 식으로 classes 로 적용을 하면 해당 컴포넌트에만 style이 적용되는 줄 알았는데 아닌 것 같다...?

 

그리고 Netflify에서 자꾸 build랑 deploy 오류가 나서 배포를 못했는데 
이 부분은 ChatGPT한테 물어봐서 해결했다. 

문제는 ESLint 문법에 에러가 있어서 그랬다. 
예를 들면 img 태그 같은 것에 alt 속성이 무조건 있어야 한다던지 사용하지 않는 컴포넌트가 import 되어 있다던지 그런 문제들로 인해서 deploy에 에러가 생겼다. 이렇게 세세하게 깔끔하게 정리해야 하는 지 몰랐는데 아무튼 알게 돼서 그 문제들을 해결하고 배포까지 완료할 수 있었다. 

 

역시 미적감각이 부족한 나로서는 버튼 색상을 수정해야 하는 미션이 있다는 것을 알지만

일단 아래와 같이 마무리하고 나중에 추가 수정할 예정이다! 

 

 

생각해보니 favicon도 하나 만들어서 추가해야겠다

또 반응형으로도 만들어야 한다!

 

React App