CASSIE'S BLOG

참고자료: https://minjoo-space.tistory.com/58 [React] React를 GitHub Page에 무료 호스팅하기(페이지 만들기) 오늘은 React JS로 작성한 코드를 어떻게 github page에 무료로 배포할 수 있는지에 대해서 공부해보았다. 가끔 블로그나 사이트들을 볼때 주소가 github.io라고 작성되어있는걸 많이 봤었는데, 이 호스 minjoo-space.tistory.com 📌추가 주의 사항 🎯깃허브 배포할 때 build폴더에 사진 업로드 해야할 때 png 파일명 소문자로 되어있으면 소문자 JPG 로 되어있으면 대문자 그냥 완전히 똑같이 맞춰야 배포될 때 보임. ⭐⭐⭐ 테스트 안해봤는데 저렇게 안하니까 오류나더라 ⭐⭐⭐ 그냥 폴더 하나 더 만들고 거기 밑에다가 b..

▶ 가상 요소 선택자(Pseudo-Elements Selectors) - CSS를 통해 HTML에 가상 요소를 생성해서 제공. - 가상 요소 선택자의 기호는 :: 1. before - E 요소 내부의 앞에 내용, contents를 삽입. - 사용 방법 E::before - 가상 요소를 삽입하는 것. 가상 요소 선택자 ::before 사용 예시 - 가상 요소 선택자 사용 시에는 content 속성을 반드시 작성해야 함. 가상 요소 선택자 ::before 사용 예시(2) - 작성하지 않을 경우 위의 예시와 같이 아무것도 적용되지 않음. - 내용을 적지 않더라도 필수로 사용해야 함. - 별도의 내용을 적지 않을 경우 content: "";와 같이 작성. 2. after - E 요소 내부 뒤에 내용, conte..

&::와 &:는 CSS의 중요한 기능 중 하나인 "자식 선택자" 또는 "가상 선택자"를 나타내는 부분입니다. 이러한 선택자는 CSS 스타일링을 더욱 강력하게 제어할 수 있게 해줍니다. 아래에서 두 선택자에 대해 설명해 보겠습니다: &::before와 &::after: &::before와 &::after는 가상 요소를 나타내는 선택자입니다. &::before는 선택한 요소의 시작 부분(내용의 앞)에 가상 요소를 생성합니다. &::after는 선택한 요소의 끝 부분(내용의 뒤)에 가상 요소를 생성합니다. 이러한 가상 요소는 주로 내용을 추가하거나 요소에 장식적인 요소를 삽입하는 데 사용됩니다. 예를 들어, &::before와 &::after를 사용하여 요소의 앞뒤에 선이나 다른 그래픽 요소를 추가할 수 있습..

"Gulp.js가 어떻게 webpack을 대체할 수 있는지, 또 어떻게 우리의 워크플로우를 자동화할 수 있을지 배워봅시다. 우리는 pug, scss, 최신 javascript들을 Gulp로 Compiling하겠습니다."

추가 참고 글: https://seungtaek-overflow.tistory.com/8

Redux 설치 npm 명령어를 통해서 라이브러리를 설치해줍니다. 리액트에서 redux 라이브러리를 더 효율적으로 사용할 수 있는 react-redux 라이브러리도 설치하겠습니다. npm install redux npm install react-redux 스토어(reducer) 리덕스에서는 Store라는 상태 저장소를 사용합니다. 이 Store에서 관리되는 상태 값은 일반적인 방법으로 꺼내오거나 변경하는 것이 불가능하며, 정해진 방식을 통해서만 가져오거나 변경할 수 있습니다. 이러한 방식을 사용하는 이유는 Store 내부의 상태값의 안정성을 유지하기 위함입니다. 리덕스에서는 Action → Dispatch → Reducer → Store 순서로 데이터가 단방향으로 흐르게 됩니다. 각 단계를 코드로 구현해..