Cypress에서 처음에 파일을 열려고 하면 External Editor 선택지에 Visual Studio Code가 없을 수도 있다(Cypress 가이드에서는 File Opener Preference로 설명하는 부분). 아래 과정을 수행하면 Cypress 실행시, 사진과 같이 Visual Studio Code를 선택지에서 선택할 수 있다. Visual Studio Code에서 보기(View) > 명령 팔레트(Command Pallete)를 연다(단축키: ctrl + shift + P). "Install 'code' command in path"를 입력하고 엔터를 누른다. Visual Studio Code를 재시작한다.
스토리북 실행 시 발생 ModuleParseError: Module parse failed: Unexpected token (1:12) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > import type { Action } from 'redux' | import type { | IsUnknownOrNonInferrable, at handleParseError (/Users/nhn/Desktop/github/frontend/node_modules/@storybo..
node 기본 fs 모듈 documentation https://nodejs.org/api/fs.html fs-extra https://www.npmjs.com/package/fs-extra 종합 버전. node fs 모듈에 없는 추가적인 file system 함수들을 제공한다. npm 설명의 Why? 부분을 보면 알 수 있겠지만 아래에 소개될 패키지에서 제공하는 기능들을 포함한다. mkdirp / make-dir https://www.npmjs.com/package/mkdirp https://www.npmjs.com/package/make-dir mkdir p옵션을 위한 패키지들(mkdir -p / mkdir --parents) path 내에 존재하지 않는 directory가 있으면 자동 생성한다. n..
`npm run serve:mock` 실행 시 발생 update Error: Error: read ECONNRESET at TLSWrap.onStreamRead (internal/stream_base_commons.js:209:20) { errno: 'ECONNRESET', code: 'ECONNRESET', syscall: 'read' } 에러 발생: Error: read ECONNRESET npm ERR! code ELIFECYCLE npm ERR! errno 253 npm ERR! hr-off-duty@0.1.0 serve:mock: `SERVER_MODE=local vue-cli-service serve --mode mock` npm ERR! Exit status 253 npm ERR! npm E..
페이지의 특정 위치로 link를 걸고 싶지만 anchor(앵커) 기능이 지원되지 않는 경우, Text Fragments를 사용하여 위치를 지정할 수 있다. 해당 페이지에서 'ResizeObserver란' 텍스트 위치를 지정하여 link를 만들고 싶을 때 아래와 같이 만들 수 있다. 페이지 URL 뒤에 '#:~:text=ResizeObserver란'을 추가했다. https://still-growing.tistory.com/entry/JavaScript-ResizeObserver#:~:text=ResizeObserver%EB%9E%80 구문 참고 #:~:text=[prefix-,]textStart[,textEnd][,-suffix] context |--------match--------| context 기타..
mixins와 @extend의 compile 결과 차이 mixins 각 속성 설정을 @include한 선택자 내에 추가한다. 단점 - 같은 설정이 @include 할 때마다 중복되어 결과물의 크기가 커진다. @extend(inheritance) @extend한 선택자들을 모아서 그룹화하고, 속성 설정을 적용한다. 단점 - 관련 없는 선택자들이 그룹화된다. https://medium.com/stories-from-the-keen/when-to-use-extends-vs-mixins-in-sass-b09d55abd53 When to use — extends vs mixins in SASS SASS provides two main ways to reuse styles — @extend and mixins — ..
이 글은 주니어 개발자가 쓴 글로 오류가 있을 수 있습니다. 문제가 있거나 수정이 필요한 부분은 댓글로 알려주시면 감사하겠습니다. Mozilla 기여자가 작성한 MDN에 대해는 CC-BY-SA 2.5 라이선스에 따라 사용할 수 있습니다. 객체 변경 방지 ESMAScript 5에서는 객체를 쉽게 조작할 수 없도록 바꾸는 몇 가지 메서드를 추가했습니다. 한 번 객체를 쉽게 조작할 수 없는 객체로 바꾸고 나면 취소할 수 없습니다. 금지된 동작(아래 표 참조)을 시도할 경우, non strict mode에서는 오류 없이 해당 동작이 무시되고, strict mode에서는 에러가 발생합니다. 예제는 MDN의 예제에 주석과 코드를 일부 추가했습니다. 메서드 확인용 함수 프로퍼티 추가 프로퍼티 삭제 값 읽기 값 쓰기 ..
우선순위 큐(Priority Queue)[참고] 우선순위 큐는 큐의 FIFO 구조를 변형한 것으로 가장 우선순위가 높은 데이터가 가장 먼저 나옵니다. 배열이나 링크드 리스트, 힙으로 구현할 수 있고, 구현 방법에 따라 아래와 같은 시간 복잡도를 갖습니다. 구현 방식 삽입 제거 unordered array O(1) O(n) unordered linked list O(1) O(n) ordered array O(n) O(1) ordered linked list O(n) O(1) heap O(log n) O(log n) 배열이나 링크드 리스트로 구현하는 방법은 매우 간단합니다. 정렬되어 있지 않는 경우, 삽입은 맨 뒤에 하고, 제거할 때 전체를 순회하면서 가장 우선순위가 높은 데이터를 찾아 제거합니다. 정렬되어..
- make-dir
- node rm -rf
- Webpack Error
- 웹팩 에러
- Storybook Error
- 스토리북 에러
- 자바스크립트
- fs-extra
- node fs
- 스터디
- file opener preference
- createAction
- node file package
- ELIFECYCLE
- external editor
- node mkdir -p
- 인증
- mkdirp
- 인가
- node cp -r
- rimraf
- sass
- 페이지 특정 위치 link
- 프로그래머스
- javascript event
- JavaScript
- ModuleParseError: Module parse failed: Unexpected token
- errno 253
- ECONNRESET
- jest