3월~6월 활동한 내용 정리-2

웹프론트엔드 활동 정리

CSS, React를 간단하게 배웠다.

CSS는 html이 만든 건물에 인테리어를 하는 역할이다. html은 기술에 한계가 있어 요즘은 React를 많이 사용하는 추세라고 알고있다. 실제로 동아리 선배님들도 React를 중심으로 개발하시고 여기에 tailwind 같은 CSS 프레임워크를 사용하는 것이 더 편하고 좋다고한다.

React 파일 ---.js에 CSS파일을 import하고 사용하면 된다.

주의할 점은 프로젝트의 규모가 커지면 CSS의 클래스 이름이 중복되는 경우가 있다.

그래서 다양한 장점이 있어 Tailwind 방식을 사용한다.
Tailwind 방식에서는 미리 디자인되어 완성된 컴포넌트를 가져다 쓰는 장점이 있다.
CSS 자체를 거의 작성하지 않기 때문에 중복의 위험도 낮아지고 빠르게 빌드할 수 있다.

하지만 미리 정해진 모듈을 익히는데에 시간이 걸리지만 또 배워두면 유용하게 사용할 수 있다.

그래서 이번 7~8월에 있는 웹프로젝트 만들기 활동은 React와 Tailwind를 사용해 제작할 예정이다.

3~6월의 활동간에는 주로 html과 css, javascript, react에 관해 아주 기본적인 기초를 배웠기에 지금 짧은 2~3주 방학기간 중에 React에 대해 도움이 될 수 있을 정도의 지식을 쌓는것이 목표이다.