혜르미온느

지난번에 npm 설치 관련 권한 에러에 대해서 해결하는 방법을 포스팅 한 것이 있다. https://hyermione.tistory.com/78 npm 전역 설치 시, 권한 거부 해결방법 1 오랜만에 react 테스트를 하려고 vsCode를 열었다. 근데 왜인걸 npm install을 하려는데 안된다..! 왜지 옛날에는 잘 되었는데???? npm ERR! code EACCES npm ERR! syscall access npm ERR! path /usr/local/lib/n.. hyermione.tistory.com 해결은 되었으나 포스팅에서 언급한 것 처럼 매번 관리자 권한으로 설치해야하는 어려움이 있다. 하단의 캡쳐에 보이는 것 처럼 sudo를 통해서 명령어를 한 번 실행하였고 제대로 설치됨을 확인하였..

오랜만에 react 테스트를 하려고 vsCode를 열었다. 근데 왜인걸 npm install을 하려는데 안된다..! 왜지 옛날에는 잘 되었는데???? npm ERR! code EACCES npm ERR! syscall access npm ERR! path /usr/local/lib/node_modules/npm/node_modules/ansi-align npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules/npm/node_modules/ansi-align' npm ERR! [Error: EACCES: permission denied, access '/usr/local/lib/node_..

센트리를 보다가 발견한 오류. 무료버전을 쓰고 있어서 월 5,000건이 전부인데, 주말이 지나고 오니 한 오류에서만 3,700건을 수집해버렸다...! 용량이 있었는데, 없었습니다. 이 오류의 특이사항은 모두 Yeti에서 수집되고 있다는 점-! Yeti를 처음 들어본 나는 내 친구 예지를 생각하고 말았다.. 하여 알아보는 Yeti란 무엇인가. Yeti를 알려면 먼저 웹문서에 대하여 정리하는 것이 필요하다. 웹문서란 웹문서란 어려울 것 없이 웹 상에 존재하는 웹 페이지들을 의미한다. (페이지 = 문서) 우리가 검색했을 때, 포털 사이트들에서 보여주는 검색 결과가 웹문서들이라고 생각하면 된다. 이 중 포털사이트 NAVER는 로봇 프로그램이 인터넷을 자동으로 돌아다니며, 국내외 넓은 웹상에 뿌려진 웹문서들을 수..

[!이시중] 2021년 11월 24일 21:40에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/65 에서 확인할 수 있음. 개발을 하다 보면 잘 나가다가 어느 순간 막힐 때가 있다. 갑자기. 지난 토요일의 나는 토이 프로젝트를 진행하며, 네이버 api 중 영화 검색 api를 연결하려고 시도했다. 이제 와서 왜였을까? 라고 생각하지만 그 당시에 갑자기 api를 연결해야 하니까 express를 설치하자!라는 생각이 들었다. 개발을 잘하시는 분들은 그게 왜?라고 생각하실 수도 있지만 나는 node.js를 통하여 백엔드를 구현해 본 적도 없을뿐더러 이미 다른 곳에서 제공하는 api들은 axios를 통해서 데이터를 잘 불러오고 있었기 때문이다. https://hyermione.tis..

요새 웹접근성에 관한 프로젝트가 한창이다. 웹 접근성을 처리하는 방법은 이미지에 alt를 추가하는 정도밖에 몰랐는데, 정말 복잡하고 세심한 처리가 필요함을 느끼고 있는 요즘. 이를 정리해보려한다. 웹 접근성(web accessibility)은 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식을 가리킨다. 사이트가 올바르게 설계되어 개발되고 편집되어 있을 때 모든 사용자들은 정보와 기능에 동등하게 접근할 수 있다. - 위키백과- ARIA 상단에 언급한 image에 alt 속성을 추가하는 것은 이미지를 설명하기 위한 대체 텍스트를 넣는다는 의미이다. 만약 시각적으로 이미지를 볼 수 없는 상황에서 alt에 설정된 속성을 읽음으로써 image를 파악할 수 있는 것이다. 현..

[!이시중] 2021년 11월 14일 25:39에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/54 에서 확인할 수 있음. 지난번 git rebase conflict 실패기의 해결 방법을 알아왔다! 이번 포스팅은 아래와 같은 포스팅을 참고하면 더 재미있게 읽을 수 있고, 히스토리를 몰라도 이해하는데에는 불편함 없으리라 예상된다. https://hyermione.tistory.com/62 git rebase 중 conflict 해결 실패기 [!이시중] 2021년 11월 13일 22:26에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/53 에서 확인할 수 있음. 지난번 rebase에 관하여 포스팅 한 적이 있다. https://hyermione.t..

[!이시중] 2021년 11월 13일 22:26에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/53 에서 확인할 수 있음. 지난번 rebase에 관하여 포스팅 한 적이 있다. https://hyermione.tistory.com/10 git branch 형상관리: git rebase 란 [!이시중] 2021년 11월 13일 21:30에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/52 에서 확인할 수 있음. git rebase란 말 그대로 re base. 기초를 다시 한다는 의미로 git branch를 merge 하는.. hyermione.tistory.com 그러나 이는 철저하게 나의 계산 안에 있는 사례였다. 복잡해 질 것 같아 rebase..

[!이시중] 2021년 6월 22일 21:16에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/36 에서 확인할 수 있음. firebase로 timestamp를 찍으면 object안에 secondes라는 변수로 초가 찍혀서 온다. 인터넷을 다 찾고 계산했는데 정확한 값이 나오지 않았다. 그러다가 찾아낸 firebase document !!!! https://firebase.google.com/docs/reference/js/firebase.firestore.Timestamp Timestamp | JavaScript SDK | Firebase Reference for Timestamp firebase.google.com 도큐멘트 확인을 생활화화자~!

[!이시중] 2021년 6월 21일 21:06에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/35 에서 확인할 수 있음. 깃에 올리기 어렵거나 혹은 더러운(?) 파일들은 보통 .gitignore 파일에 정의해서 git에 올라가지 않게 하기 마련인데 간혹 이그노어 파일을 이그노어하고 올라갈 때가 있다. https://hyermione.tistory.com/7 webpack-server로 설치 후, 환경변수 설정하기 [!이시중] 2021년 6월 21일 20:53에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/34 에서 확인할 수 있음. 보통 vue cli를 이용하여 vue를 설치하면 package.json에 라는 설정이 있기 마련이다. 근.. hy..

[!이시중] 2021년 10월 19일 23:02에 최초 작성된 글로써 원글은 https://yuniel.tistory.com/37 에서 확인할 수 있음. 근래 프리마커 (freemarker)라는 단어를 많이 들었다. 말하기 부끄럽지만.. 사실 처음 들은 단어. 다행스럽게도 같이 들은 많은 분들도 처음 들었다고 하였다. 앞으로도 자주 들을 것 같아 대략적인 개념은 알아봐야겠다고 생각했다. 프리마커의 정의 FreeMarker is a free Java-based template engine, originally focusing on dynamic web page generation with MVC software architecture. Wikipedia 위키피디아 정의 기준 프리마커는 자바를 기본으로 하고..