프론트엔드

href 특성을 통해서 웹 사이트 내에서 다른 페이지, 같은 페이지 내의 특정 위치, 그 외 다른 웹 사이트 URL로 연결할 수 있는 하이퍼링크를 만든다href로 지정한 주소로 이동을 하기 때문에 새로고침이 일어난다React에서 사용하는 a 태그라고 말할 수 있다주소로

서버에서 전체 페이지(빈 페이지)를 최초 렌더링하고 사용자가 요청할 때마다 클라이언트 내(브라우저)에서 렌더링 하는 기법사용자가 홈페이지를 접속한 경우(최초 접속) 클라이언트는 이를 확인하고 서버로 요청한다서버는 빈 페이지를 클라이언트에게 전달한다전달받은 클라이언트에서

Styled-components 컴포넌트 기반으로 CSS를 작성할 수 있게 도와주는 라이브러리 CSS in JS 기술로, JS내에 CSS를 작성하는 라이브러리 className 기반 CSS파이링 아닌 JS로 작성된 컴포넌트에 바로 삽입하는 스타일 기법 클래스명을 해시값

장점 중첩, 변수 선언, 연산자 등 많은 장점을 가지고 있다 변수 변수를 지정해 놓고 바로 사용이 가능 프로젝트 내에 정해놓은 컬러를 사용함에 있어 오차를 줄여주고, 사용하는 개발자 입장에서 효율적으로 개발이 가능 디자인 컨셉 변경과 같이 대대적으로 변경할 때에도,

Hook : 로직에 기반을 둔 작은 메서드 들로 컴포넌트의 기능을 나눌 수 있다useState : 컴포넌트의 state를 간편하게 생성하고 업데이트를 시킬 수 있게 해주는 도구 (state를 관리할 때에 필요한 함수)react에서 useState를 import 받아야

: 모든 시각적 요소(버튼, 텍스트, 이미지)\-> 계층구조\-> 효율적인 통신을 위해 상태 관리 패턴인 Provider, Riverpod, Bloc 등 사용 가능Center() : 부모위젯을 기준으로 자식위젯을 가운데 정렬Container() : 내부의 정 가운데 자

모두 위젯으로 이루어져 있다(작은 텍스트나 버튼 혹은 큰 레이아웃 등등)Container : 자식 위젯들을 커스터마이징할 수 있는 위젯 클래스 \-> 여백, 간격, 테두리, 배경색을 추가하고 싶을 때 사용위젯 생성, 컨트롤을 하기 위해서는 StatelessWi