ESlint → 내가 세세한 스타일 규칙 정하는 것 설치 npm install eslint --save-dev 세부 설정을하기 위해 JSON 형식의 .eslintrc.json 파일을 만든다. "extends": "eslint:recommended" → 추천하는 여러 rules가 설정되어있는걸 사용 Configuring ESLint eslint/eslint env key는 global variables 설정할 때 사용 → https://eslint.org/docs/user-guide/configuring#specifying-environments 주석 사용해서 특정 라인은 규칙이 적용되지 않게 하기 1 2 3 /* eslint-disable */ alert('foo'); /* eslint-enable */..
git remote git remote를 이용하면 다른 저장소로부터 merge하거나 pull 할 수 있다. 내가 fork했던 저장소를 원래 저장소의 최신 버전으로 동기화하고 싶을 때 사용 할 수 있고(참고), 코드스테이츠에서는 페어프로그래밍을 할 때 사용한다. 두 사람이 하나의 저장소를 사용하는게 아니라 각자 저장소가 따로 있고, 서로의 저장소를 pull해서 동기화한다. 먼저 동기화하고 싶은 remote 저장소를 추가한다. $ git remote add 리모트_이름 저장소_url 등록됐는지 확인 $ git remote -v 상대방이 로컬에서 작업을 하고 내 저장소의 master(또는 브랜치)로 커밋/푸시한다. 그 후에 내가 pull을 해서 최신으로 동기화한다. $ git pull 리모트_이름 master..
참고 강의 (https://courses.wesbos.com/account/access/5bd53ef1360a652eedd965a5/view/194130650) 저장소 ([https://github.com/grin-quokka/piano_keyboard) 자바스크립트, HTML, CSS 키보드를 누르면 해당되는 피아노 음계의 소리가 재생된다.
[momentum_clone] - HTML, CSS, vanilla JS 저장소 https://github.com/grin-quokka/momentum_clone 크롬 브라우저 확장 프로그램 중 하나인 모멘텀(클릭)을 클론하는 노마드코더의 강의를 보며 만들었고, css를 더 다듬었다. 실시간 시간 보여주기 위치 기반 날씨(온도) 보여주기 사용자 이름과 할일을 입력받아 local storage에 저장
날씨 API https://home.openweathermap.org/api_keys 회원가입을 하고, 발급된 api key를 복사한다. 현재 좌표 가져오기 navigator.geolocation.getCurrentPosition(위치 가져오기에 성공 했을 때 실행할 함수, 실패 했을 때 함수) 참고 (https://developer.mozilla.org/ko/docs/Web/API/Geolocation/getCurrentPosition) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 let latitude, longitude; navigator.geolocation.getCurrentPosition(position => { latitude = posit..
URL의 구성 요소 (출처) 해시뱅 #! 정규식을 테스트 할 수 있는 사이트 (https://regex101.com/) 시각화해서 결과를 보여주고, 정규식에 대한 설명도 자세히 있고, 완성된 정규식을 바로 쓸 수 있게 코드로도 만들어준다. URL 주소 match를 위한 정규식 (https://tools.ietf.org/html/rfc3986#appendix-B) 요소별로 그룹으로 묶인다. 해당하는 그룹이 없을 경우 undefined 1234567891011121314151617181920const url = 'http://github.com/p/a/t/h?query=string';const regex = /^(([^:\/?#]+):)?(\/\/([^\/?#]*))?([^?#]*)(\?([^#]*))?(#..
노마드코더 - 모멘텀 클론 수업 완료 → css 나 js 부분 더 다듬기 URL 정규식 정리 로컬 스토리지 localStorage.setItem(key, value) localStorage.getItem(key) 크롬 개발자 도구 - application - local storage를 보면 저장된 걸 볼 수 있음 새로고침을 해도 계속 유지된다. → 브라우저를 끄면? URL 기준 value로 자바스크립트의 데이터형을 저장할 수 없고(boolean 이나 배열 등), 문자열만 저장 되기 때문에 JSON.stringify( )를 활용한다. 브라우저에서 사용자의 현재 위치 가져오기, 날씨 API를 활용해서 현재 위치의 날씨 가져오기
본래 학습기간에 끝내지 못하고, 추가 학습 기간에 겨우 프리코스를 끝내게 됐다. 한 기수 뒤로 미룬것까지 포함하면 진짜 오랫동안 프리코스를 들었다. 주 2회 진행되는 세션에서도 많은 걸 배우지만, 그것보다도 여러가지 과제들을 직접 풀어볼 때 진짜로 개념이 이해된다. 원래 있는걸 그대로 쓰는 걸로는 하나도 성장하지 않는다고 생각한다. 원래 있던 걸 스스로 구현해보면서 원리가 이해되고, 후에 잘 활용할 수도 있게 되었다. 물론 쉬운 길은 아니지만 ^^! 초반 5주에는 그래도 과제들이 좀 쉬웠는데 뒤로 갈 수록 this의 활용이나, 재귀, 비동기 등을 이용한 과제들이 많아서 푸는데 꽤 시간이 걸렸다. 과제에서 요구하는 걸 잘못 이해해서 삽질하기도 했는데, 오랫동안 안 풀릴 경우에는 피아자를 찾아보며 힌트를 얻..
