Lodash
Lodash는 자바스크립트 라이브러리이며, 문자열, 배열을 다뤄야할때, 많은 시간절약을 할 수 있다. https://lodash.com/ Lodash _.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });_.partition([1, 2, 3, 4], n => n % 2);DownloadLodash is released under the MIT license & supports modern environments. Review the build differences & pick one that’s right for you.InstallationIn lodash.com 나는 우선 대소문자를 소문자로 통일시키기위해 Lodash의 lowerCase 함수를 사용했다.
node 사용시 gitignore
복습할때 편하기 위해서 공부한 기록을 github에 업로드 중인데, 항상 node만 사용하면 nodemodule을 설치할때, 많은 파일이 업로드 되어서 보기에 불편했다. https://lasdri.tistory.com/816 [Git] .gitignore로 특정 폴더 커밋 제외시키기 Nodejs의 경우 github 같은 곳에 올리려고 할 때 node_modules 폴더는 제외시키는게 좋다. npm 모듈 폴더까지 올리려면 용량이나 올라가는 파일의 개수가 지나치게 많아진다. .gitignore 파일을 생성하여 그 lasdri.tistory.com gitignore로 nodemodule을 무시하면, 더이상 많은 파일을 업로드를 안해도 되었고, 더 검색을 해보니 다른분께서 템플릿처럼 만들어 두신게 있어서 가지고..
코드샌드박스 프로젝트 vsc 로 옮기기
우선 npm i npm start를 기본적으로 해보고 안된다면 , 두 폴더, 파일을 삭제하고 다시 npm i 를 한다. 그리고 이러한 망할 에러가 발생했는데 sass를 4 버전으로 사용을 했어야했다. 이때 내 node js 버전은 16이였고 16부터는 sass를 6버전 이상 지원한다. 그래서 14로 다운 그레이드 해줬다. 다운그레이드는 nvm을 깔거나 n을 사용하는 방법도 있었는데 나는 두가지다 오류가 나서 그냥 제어판에서 삭제하고 14버전을 다시 다운했다. 그랬더니 잘 된다. 후 내 황금같은 시간 잠도 못자고! 그래도 해결했으니 뿌듯하다. 이제 자야지
코드샌드박스 깃허브 연동시 사진 깨짐
깃허브에서 pull을 하게 되면 아래처럼 이미지파일이 깨지게 되었다. 깃핵 사이트에 업로드가 된것 같은데.. 코드샌드박스 버그리포트도 읽고 했지만 파일 전체를 새로운 레포에 올리는 방법밖에 나와있지 않았다. 이를 해결하기위해서 Issues에서 새로운 이미지 폴더를 생성했다. 외부 이미지를 사용해야 해결이 될 것 같았기 때문이다. 이제 새로운 이미지를 추가할때는 여기에 edit를 눌러서 이곳에 이미지를 드래그앤 드롭해주고 업로드된 이미지를 클릭해준다. 이제 이미지 경로를 해당 url로 설정해주면 된다. 이런식으로 말이다.
HeroKu 오류
헤로쿠에서는 헤로쿠에 git push를 해야하는데. 이미 나는 공부하는 기록들을 깃허브에 저장하고 있던 폴더에서 작업중이였기 때문에 아마 두개의 git이 충돌하는 것 같다. 아직은 해결방법을 찾지 못해서 작업하던 폴더를 따로 옮겼다. 폴더가 위치한 경로에서 하이퍼를 이용하여 git init git add . git commit -m "first" heroku create git push heroku master 몇분 기다려주게 되면 , heroku create에서 주어진 주소에 뜨게 되었다. https://vanillacreamdonut.tistory.com/69 [Heroku 에러] 히로쿠 앱 삭제 / app delete You've reached the app limit of 5 apps for un..
[VSCode] html 확장자 인식 안 되는 문제
https://detail-from-a-to-z.tistory.com/15 [VSCode] html 확장자 인식 안 되는 문제 1) 위와 같이 html 확장자가 django와 같은 다른 확장자로 인식되는 문제의 경우 오른쪽 하단의 톱니모양 > Settings을 눌러준다. (확장자별 아이콘 위와 같이 바꾸는 법) 2) files associations 검색 후 Add It. detail-from-a-to-z.tistory.com
api + json
npm install 을 space를 사용해서 한번에 할 수 있다. https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse JSON.parse() - JavaScript | MDN JSON.parse() 메서드는 JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성합니다. developer.mozilla.org JSON.parse() 문자열 -> 객체화 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify JSON.stringify() - JavaScript..
