SLASH 기술 블로그

이번에는 Next JS로 웹사이트 만들기에 대해서 시리즈 형태로 글을 써보려고한다. 해보고 괜찮다고 판단되면 계속 해볼 예정이다. SPA의 큰 문제 React로 개발을 하다 보면 하나의 큰 문제와 직면하게된다. 그것은 바로 검색엔진 최적화이다. 각 브라우저 마다 검색엔진이 존재 하는데, 검색엔진은 검색 결과를 보여주기 위해 자료를 수집하고 내부적으로 순위를 매기는 작업을 한다. 검색 결과 상위에 노출이 되려면 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 개발 해야한다. 하지만 React로 개발을 하게 되면 자연스럽게 SPA (Single Page Application)으로 개발을 하게 된다. 이렇게 되면 개발중인 웹 페이지에 메타 태그들을 다이나믹하게 변경 하기 어려워진다. 검색엔진..

Styled-component를 알아보기 전에 React는 많은 회사에서 사용할 만큼 프론트엔드 개발자라면 꼭 한번쯤은 경험해봐야 하는 대중적인 UI 라이브러리로 자리 잡았다. 웹 사이트마다 같은 기능을 하는 버튼이나 검색창이라도 각각 다른 애니메이션 효과와 형태를 가지고 있다. 이렇게 HTML 태그에 스타일링을 할 수 있게 도와주는 것이 CSS였다. 하지만 CSS의 단점들을 보완하거나 더 좋은 방향으로 SCSS나 Styled-component와 같은 것들이 하나씩 등장 하게 되었다. 이번 주제에서는 Styled-component에 대해서 알아보고 개인적인 생각을 얘기 해보려고 한다. Styled-component란 Styled-component란 CSS-in-JS라고 하는 Javascript파일 안에서..