Extrawberry

입맛대로 슬라이드 쇼를 구현하려다 3일간 쌩쇼한 끝에 얻어낸 코드를 자랑하러 왔다! 덕분에 리액트 공부에 아주 큰 도움이 되었는데, 코드 또한 내 입맛대로이므로 혹여 지저분하다고 느끼신다면 취향 차이다!! 농담입니다 피드백 환영합니다🤗🤗 + 여러 분들께서 작성해 주신 무한 슬라이드 쇼 글을 참고해 공부하고 정리했습니다 ☝🏻 무한 슬라이드 쇼 원리 먼저 원리를 알아보자. 아래와 같이 슬라이드 쇼로 보여줄 이미지 4장을 가로로 이어 붙인 배열을 만들어 준다. import bg1 from "../img/1.jpg"; import bg2 from "../img/2.jpg"; import bg3 from "../img/3.jpg"; import bg4 from "../img/4.jpg"; /* bg img Arr..

나는 파이썬도 없는데.. 다들 플라스크 설치부터 하셔서 내가 구축하면서 정리를 해보았다! 1. 파이썬 설치 https://www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org 위 링크로 들어가 최신버전 파이썬을 다운 받는다. 이때 "Add Python 3.7 to PATH" 옵션 꼭 선택하기 ! 잘 설치 되었으면 cmd창에서 "pip" 입력 시 아래와 같은 결과가 찍힌다. pip 맥 OS일 경우 "pip3"를 사용한다. pip3 2. VScode extension에서 python이랑 flask-snippets 설치 VScode 창을 열고 좌측 상단 extensio..

Visual Studio Code를 이용하는 노마드코더 클론 코딩 강의에서 니꼬쌤이 추천하는 코드 수정기(?)가 있다. 이름은 Prettier. 이 친구다. Visual Studio Code 좌측에서 블록 네개로 된 아이콘 딱 봐도 앱스토어처럼 생긴 것을 클릭하고 Prettier 라고 검색하면 나온다. 거기서 install 클릭해서 다운 받기. 이걸 적용하려면 두가지 설정이 아래와 같이 되어있어야 한다. (첫번째만 설정만 해서 적용되는 경우도 있고, 두번째 설정까지 해야 적용되는 경우도 있는 듯) 1. 좌측 하단 설정 아이콘 > settings > editor 검색 > format on save 활성화 2. default formatter 검색 > esbenp.prettier-vscode 선택 위 두 가..

HTML: HyperText Markup Language 웹브라우저에게 보여주는 contents와 links의 모음. 아래와 같은 구조다. 내용 //필수, HTML파일임을 나타냄. // 설정부분, 검색엔진을 위해 작성, invisible. // visible. CSS: Cascading Style Sheets HTML의 디자인을 담당하는 것으로, HTML과 함께 사용해야한다. cascading, 즉 위에서 아래의 순서대로 적용이 된다. 코드의 순서가 영향을 미친다는 말! 1) inline으로 HTML내에 작성하기 2) external로 작성하기 - 이 방법을 추천한다 (1번은 html 코드 파일이 너무 길어지기 때문!) CSS파일은 아래와 같은 구조다. selector { attribute: value;..