솔적솔적

월간CS에서 1주차 react, next 배포, 배포 자동화 A부터 Z까지 수업을 참여하였습니다. 직접 실습하며 배웠던 내용, 실습 중 막혔던 부분과 해결과정들을 적어보려합니다. 👉 CI/CD란? 링크 클릭 👉 GitHub Flow 전략에 대한 이해 링크 클릭 👉 GitHub Action에 대한 이해 링크 클릭 🍖 CloudFront, S3 배포하기 👉 aws cli 링크 클릭 👉 terraform 링크 클릭 🍖 terraform이란? 클라우드 인프라스트럭처 자동화 도구 인프라를 구축, 변경, 버전관리위한도구로 코드로 인프라를 관리할 수 있게 한다. 🍖 Github Action github action용 폴더를 만들고 꼭! .github > workflows > .yaml 순으로 생성해야한다. deplo..

안녕하세요. 저는 이번에 패스트 캠퍼스로 웹퍼블리싱을 학습했었는데요, 패스트캠퍼스에 현재도 올라와있는 강의패키지 중 하나입니다. 강의 타이틀은 [패스트캠퍼스] 웹퍼블리싱 완전 정복 : 모션 디자인으로 완성하는 반응형 웹 디자인 웹퍼블리싱 이며 사용자가 스크롤할 때, 클릭할 때와 같은 상황에서 좀 더 재미를 줄 수 있는 UI를 만들고 싶어, 강의를 듣게되었습니다. 그중에서 제일 재밌게 배웠던 것 중 하나를 같이 공유하며 학습일지를 쓰기 위해 끄적끄적해보려 해요! 학습일지의 내용으로 가져오려 했던 것은 바로 마우스 커서를 커스텀하는 방법 먼저 css의 커서는 요소위에 마우스를 올릴 때 hover 시 커서 모양을 변경합니다. 커서 속성은 요소를 가리킬 때 커서로 나타낼 타입을 정의하는 데에 사용하는 속성입니다..

목표 1. 개발환경 셋팅 2. Vue 프로젝트 생성 1. node.js 부터 설치 2. 최신버전이 아니면 에러가 날 수 있기 때문에 가능하면 최신버전으로 다운받아놓기 3. vsCode 에디터 설치 에디터설치가 완료된다면 터미널을 열어서 npm install -g @vue/cli 4. 에디터 부가기능 설치 - vetur 설치 - html css support - Vue 3 Snippets 개발환경 셋팅 끝! 근데 만약 터미널에 빨간에러가 뜬다면 "허가되지 않은 스크립트 입니다~" 그런 에러가 뜨는 경우 => 윈도우 검색메뉴 - Powershell 검색 - 우클릭 - 관리자 권한으로 실행 후 Set-ExecutionPolicy Unrestricted입력해보기

뷰말고도 리액트, 앵귤러도 똑같이 웹앱을 만들 수 있다. 리액트를 사용하는 개발자가 많은데 왜 뷰를 사용할까? 1. 쉽다.. 뷰.js를 쓰는 이유는 쉽다는 것. 그러면 기능이 떨어지는 거아니냐? 아니다. 다 똑같은 결과물을 낼 수 있고 그 만드는 과정이 쉽다는 것이다. React의 state변경, for변경, if 사용들을 보면 알 수 있다. 2. 개발할 때 방법이 정해져있다는 것 HTML을 내가 반복적으로 여러개 생성하고 싶다면? 리액트로는 map을 사용할지, forEach를 사용할지, 그냥 일반 for을 사용할지 반복문을 컴포넌트 render()바깥에서 사용할지 안에서 사용할지 자율적으로 판단하여 사용할 수 있다. vue.js는 그렇지 않다. html 여러개를 생성하고 싶다면 이 v-for만 사용하면..