🚀 CSS 기본 정리 🔽 Tag 속성 ID, Class 먼저 319 번째 줄을 알아보자면 위에 div tag에 id값으로 contentWrap을 준 것이에요. Tag에 id로 이름을 주었다면 `#`을 앞에 붙여 사용하고, 원칙적으로 하나의 객체에만 적용할 수 있는 것이에요. #아이디{ 속성1:속성값; 속성2:속성값; } 참고 자료 : https://ofcourse.kr/css-course/id-class-%EC%84%A0%ED%83%9D%EC%9E%90 만약 id가 아닌 class로 이름을 주었다면 앞에 `#`이 아닌 `.`을 붙여 사용하며, 여러 객체에 사용을 할 수 있는 것이에요. .클래스명{ 속성1:속성값; 속성2:속성값 } 참고 자료 : https://ofcourse.kr/css-course/id..

안녕하세요? 주니하랑 입니다. 본 내용은 주니하랑이 Web 개발 프로젝트를 하면서 도전했던 기술들에 대한 내용을 정리하는 곳 입니다! 이 글은 함께 프로젝트 했던 Front End 꿈나무 Crew가 작성한 것이에요. 주니하랑은 Back End 개발을 맡았었답니다! 클라이언트는 리액트, 서버는 스프링 부트를 사용하여 개발을 진행하였습니다. 위와 같은 개발 상황에서 Axios를 사용한 API 통신을 진행하려 하자 CORS 에러가 발생했고 이를 해결한 과정을 소개 하려 하는 것이에요. CORS 에러는 왜 발생하는가? 프론트엔드 개발을 하면서 서버와 통신을 진행할 때 위와 같은 에러를 심심치 않게 발견하실 수 있습니다. 해당 에러는 CORS 정책을 위반할 때 발생하게 되는데요. 먼저 CORS의 기본적인 내용에 ..

안녕하세요? 주니하랑 입니다. 본 내용은 주니하랑이 Web 개발 프로젝트를 하면서 도전했던 기술들에 대한 내용을 정리하는 곳 입니다! 이 글은 함께 프로젝트 했던 Front End 꿈나무 Crew가 작성한 것이에요. 주니하랑은 Back End 개발을 맡았었답니다! 로그인한 회원만 진입 가능한 페이지, 관리자만 진입 가능한 페이지 등을 구별해야 합니다. 저희 우도독의 회원 등급은 아래와 같습니다. GUEST → 비회원 BLACK → 블랙 회원 USER → 일반 회원 ADMIN → 관리자 상위 등급은 하위 등급의 권한을 포함하고 있습니다. React에서 특정 컴포넌트에 접근하기 전 인증을 체크해서 인증을 통과하지 않으면 아예 렌더를 안하게 하기 위해 HOC를 통해 특정 컴포넌트를 감싼 후 HOC의 단계에서 ..