기록하는 노트

https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! www.netlify.com 깃허브와 연결해서 간편하게 배포를 해볼 수 있는 사이트 깃허브와 연결이 되어 있기 때문에 수정사항도 바로바로 반영이 되어 지속적인 배포가 가능하다. 깃허브에 로그인 된 상태에서 Netlify 사이트의 Sign up 에서 깃허브와 연동해주고 깃허브에 있는 ..

-사용자 등록 git config --global user.name "사용자 이름" git config --global user.email "이메일" - 초기 설정(개행문자 설정) git config --global core.autocrlf true (윈도우) git config --global core.autocrlf input (mac) - 구성확인 git config --global --list (-- 두개가 붙는 것을 플래그라 한다.) - 현재위치 확인 pwd - 폴더 이동 cd .. cd . cd ~ - 디렉토리 생성, 삭제 생성: mkdir 디렉토리명 삭제: rmdir 디렉토리명 - 로컬저장소를 만드는 명령어 git init - vim vim->편집기를 실행시키는 명령어 파일에 내용 추가->i..

// 범위 랜덤 함수(소수점 2자리까지) function random(min, max) { // `.toFixed()`를 통해 반환된 문자 데이터를, // `parseFloat()`을 통해 소수점을 가지는 숫자 데이터로 변환 return parseFloat((Math.random() * (max - min) + min).toFixed(2)) }

마크다운 에디터 중 Typora가 무료였으나 현재 유료로 결제를 해야함. 일단 사용하기 편했음 메모장 같은 가벼운 느낌 https://typora.io/ Typora — a markdown editor, markdown reader. Readable & Writable Typora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Instead, it provides a real live preview typora.io ..

슬라이드를 보다 쉽게 만들어 주는 JS라이브러리 Swiper https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com - 사용법 https://swiperjs.com/get-started Getting Started With Swiper Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazin..

요소를 제어하여 애니메이션 효과를 줄 수 있는 라이브러리 https://cdnjs.com/libraries/gsap gsap - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers GSAP is a JavaScript library for building high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects...anything JavaScript can touch! ..

JS라이브러리인 Lodash를 사용하여 스크롤이벤트 제어 스크롤이벤트를 제어하여 과부하를 방지하도록 한다. Lodash cdn을 검색해서 복사 붙여넣기하여 연결 https://cdnjs.com/libraries/lodash.js lodash.js - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers A utility library delivering consistency, customization, performance, & extras. - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-so..

init을 폴더 하위폴더와 상위폴더에서 실행을하여 .init파일이 두군데에 생성된 경우 발생하는 오류인듯 하다. 블로그를 참조해서 아래의 명령대로 실행하니 정상작동한다. 하위폴더로 이동을 해서 $ rm -rf .git 명령어로 해당 .git 파일 제거하고 상위폴더로 이동 > cd .. > git rm --cached . -rf (스테이지에 있는 파일 제거) 명령어를 실행 후, 다시 add commit push를 하니, 정상적으로 작동한다. 참조한 블로그 https://jgjg.tistory.com/m/21 깃허브 화살표 폴더오류 우선 오류가 발생하게 된 상황의 서순 : 1. 원래 최상위 레포지토리 'MUTSA' 폴더 안에 깃허브 블로그를 html과 css로 작성하던 'Blog'라는 폴더가 따로 있고 과제..

아래와 같은 오류가 발생을 했는데 구글링을 해보고 원인을 찾아보니 response를 받아오는 코드가 작성된 페이지에서 vscode가 자동으로 import { response } from 'express';를 생성해주었기 때문이다. express는 node.js 부분을 위한 모듈이고 메소드처럼 꺼내서 쓸 수 없기 때문이란다. 그 페이지를 찾아서 import {response} from 'express';를 삭제하니 정상적으로 작동한다.

리액트 트레이닝 웹페이지 www.reacttraining.com ReactTraining.com React Corporate Workshops, Training, and Consulting reacttraining.com