본문 바로가기

분류 전체보기

(46)
자바스크립트 Fetch API 자바스크립트에서 fetch()를 사용하면 필요할 때 서버에 네트워크 요청을 보내고 새로운 정보를 받아오는 일을 할 수 있다. fetch()가 등장하기 전에는, 클라이언트 단에서 직접 HTTP 요청하고 응답을 받는 게 상당히 복잡해서 request나 axios, jQuery와 같은 라이브러리를 사용했다. 하지만 이제는 브라우저에서 내장된 fetch() 함수를 이용하면 대부분의 HTTP 요청을 할 수 있다. fetch 사용법 fetch(url, options) .then((response) => console.log("response:", response)) .catch((error) => console.log("error:", error)) fetch() 함수는 첫번째 인자로 URL, 두번째 인자로 옵션 ..
snowpack으로 React 시작하기 이번 미션을 진행하며 Snowpack을 이용해 리액트 환경을 세팅해보았다. Snowpack이란? 스노우팩은 요즘 떠오르는 프론트엔드 빌드 툴이다. 번들러에 의존하지 않고(unbundle) 웹 어플리케이션을 빌드한다. Snowpack의 장점은? 언번들 개발을 해서 빌드 속도가 빠르다. 프로젝트 크기가 개발 속도에 영향을 주지 않는다. 번들러를 사용할 시, 작은 변경이 생길 때마다 전체 파일을 새로 번들해야한다. 그리고 이는 파일을 저장하고, 브라우저에 표시하기까지 몇 초의 지연을 발생시킨다. 하지만 snowpack은 번들을 하지 않기 때문에 파일의 일부를 변경하면 해당 파일만 새로 빌드한다. 1. snowpack 설치 (prettier까지 설치됨) npx create-snowpack-app [프로젝트 이름..
깃허브 리모트 1. 깃허브 리모트 이름 변경 git remote rename [old-name] [new-name] 2. 깃허브 리모트 연결 끊기 git remote remove [remote-name]
깃허브로 미션 제출하기 우아한 테크코스를 시작한지 2달,,,그리고 세 번째 미션을 마무리하던 참에 내가 여태까지 깃허브로 이상하게 미션을 제출하고 있다는 사실을 깨닫았다😂😂😂 매번 미션 PR을 보낼때마다 깃허브는 나에게 넌 automatical하게 merge 할 수 없어! 라고 하였는데 그 때마다 그냥 그럼 내가 수동으로 하지 뭐~ 하면서 하나씩 충돌을 깃허브상에서 해결해줬다,,,,^_^ 그런데 미션 규모가 점점 커지고 그에 따라 디렉토리 구조도 복잡해지다 보니, 수동으로 conflict를 해결해 주는 데에 한계를 느꼈다😁 그래서 정리하는 깃허브로 미션 제출하기 튜토리얼❗ 1. 원격에서 fork를 뜬다. 2. 내 깃헙에서 clone을 받는다. 3. 내 브랜치(hyuuunjukim) 브랜치로 이동한다. git checkout h..
깃허브 브랜치 생성, 삭제 1. 깃허브 브랜치 생성 git branch [branch-name] 2. 깃허브 브랜치 삭제 git branch -d [branch-name] 3. 깃허브 브랜치 이름 변경 git branch -m [old-name] [new-name] 4. 깃허브 브랜치 조회 git branch
깃허브 명령어 정리 1. 브랜치 삭제하기 git branch -d [branch-name] 2. remote 삭제하기 git remote remove [remote-name]