본문 바로가기

전체 글

(154)
[자바스크립트] 성능을 높이는 코드 스타일 (스크랩) https://12bme.tistory.com/134 [자바스크립트] 성능을 높이는 코드 스타일 자바스크립트의 기본 요소인 반복문과 조건문, 문자열 연산과 함께 배열과 객체의 생성과 초기화, 문자열 연산, 정규 표현식, 변수 탐색 등을 어떻게 작성하느냐에 따라 자바스크립트의 실행 성능을 높일 수가 있.. 12bme.tistory.com 프론트앤드에 대한 공부를 진행하던 중 발견한 블로그였으며, 더 나은 방식의 코드를 작성하는 데 도움을 줄 만한 좋은 글라는 생각이 들었다.
자바스크립트 문제 풀이 (1) 자바 스크립트 헷갈리는 개념 정리 (Beginner) 1) 아래 코드의 결과값은? const list = [1, 2, 3]; const result = list[3]; 내가 생각한 값 = thriow a Syntax Error => 정답 = undefined 지정된 배열의 인덱스를 넘어가는 인덱스를 참조하고자 한다면 에러가 발생한다고 생각했지만 자바스크립트에서는 이 대신에 undefined를 반환해준다는 것을 알 수 있었다. 2) 아래 코드의 결과값은? const object = Object.assign({ name: 'JavaScript' }, { name: 'ECMAScript' }, { name: 'LiveScript' }); const result = object.name; 정답 = LiveScr..
문자열 압축 보호되어 있는 글입니다.
React 강좌) trendy React 2-4 useMemo 알아보기 (스크랩) https://velog.io/@public_danuel/trendy-react-usememo React 강좌) trendy React 2-4. useMemo 알아보기 이번 편에서는 퍼포먼스 최적화와 가독성에 도움을 주는 useMemo를 알아보겠습니다. useMemo useMemo 함수를 사용하면 깔끔하게 작성할 수 있습니다. useEffect처럼 2번째 파라미터에 전달한 배열이 이전의 배열과 다르면 1번쨰 파라미터가 발동하며, useState와는 다르게 해당 State를 변경하는 함수를 제공하지 않습니다.... velog.io 리액트에 대한 공부를 진행하던 중 계속 랜더링할 필요가 없는 함수같은 것을 깔끔하게 정리해줄 수 있는 useMemo에 대해 알아보고 싶어 찾은 블로그다. 이 페이지를 꼼꼼히 보는..
Visual Studio Code 유용한 단축키 마우스가 가는 곳마다 커서 생성 Alt + Shift + Mouse Drag 선택된 영역에 커서 만들기 Alt + Shift + i 코드 블록 한번에 주석처리하기 Ctrl + / 코드를 복사한 후 위 / 아래로 움직이기 Alt + Shift + ↑ / ↓ 코드를 위 / 아래로 움직이기 Alt + ↑ / ↓ 클릭하는 곳마다 커서 생성 Alt + Click 반복되는 단어 한방에 수정 Ctrl + D 사이드바 숨기기 Ctrl + B 콘솔창 나타내기 Ctrl + `(숫자 1의 왼쪽에 있는 백틱키) 파일의 맨 위 / 맨 아래로 한 번에 이동하기 Ctrl + Home / End VSCode를 사용하며 이전에 사용하던 Atom에서 익숙하게 사용했던 여러 단축키들 중 VSCode에는 다른 부분이 있어 정확하게 어디서 ..
Github 깃허브 최근 커밋 삭제, 추가 명령어 사용법 (스크랩) https://0urtrees.tistory.com/44 Github 깃허브 최근 커밋 삭제, 추가 명령어 사용법 안녕하세요 민군입니다 ^-^// 최근에 커밋을 실수할때마다 새로 지우고 갱신하는 경우를 많이 경험하고 있는데요. 간만에 명령어를 쓰다보면 어떻게 커밋을 삭제하고 추가했는지 기억이 안나서 커밋 삭제/추가 방.. 0urtrees.tistory.com 작성하던 프로젝트를 관리하던 중 잘못된 커밋을 인지하지 못하고 깃허브 원격 서버로 보내게 되었다. 이를 되돌리기 위해 revert명령을 사용한 후 다시 push해주어도 상관은 없었지만, 굳이 혼자 관리하는 깃 계정에 revert로 인해 로그가 더러워지는 것은 별로일 것이라 생각해 reset을 정확하게 어떻게 사용할 수 있을지에 대한 글을 작성한 블로..
11/ 정규표현식 (스크랩) https://feel5ny.github.io/2018/01/20/JS_11/ 11/ 정규표현식 목차 정규표현식 플래그 패턴 자주사용하는 정규표현식 JS Regular Expression RegExp Constructor RegExp Method RegExp.prototype.exec() RegExp.prototype.test() 1. 정규표현식 `RegExp.prototype.exec(text)` : `RegExp.protot feel5ny.github.io React에 대한 공부를 하던 중 weback.config.js 내의 module/rules/test옵션에서 원하는 확장자를 찾고자 할 때 정규표현식을 쓰는 것이 더 쉽게 표현이 가능하다 하여 정확하게 자바스크립트에서 활용 가능한 정규표현식 문법을..
Webpack2, 입문 가이드 3편, Option (스크랩) https://jaeyeophan.github.io/2017/05/08/webpack-tutorial-3/ Webpack2, 입문 가이드 3편, Option Blog posted about front end development jaeyeophan.github.io React에 대한 공부를 하던 중 webpack에 대한 설정을 위한 webpack.config.js 내의 모듈 설정 옵션의 devtool, entry, output등의 정확한 사용법을 알고자 검색을 진행하다 찾게 된 블로그다. 이 블로그를 통해 각 옵션들의 세부 용법이나 옵션 설정 방식 등을 알 수 있었다.