복잡한뇌구조마냥

1. 페이지 이동 뒤로가기 경로 O ( 새로운 페이지 이동 ) window.location.href = url 뒤로가기 경로 X ( 기존 페이지 → 새로운 페이지 변경 ) window.location.replace(url) 2. 새 탭에서 열기, 새 창에서 열기 open() open(url) open(url, target) open(url, target, windowFeatures) url - 로드할 리소스의 url 또는 경로를 나타내는 문자열 target - 리소스가 로드되는 브라우징 컨텍스트의 이름을 지정하는 문자열 target 설명 _blank 새 창으로 연다. (기본값) ( 새 탭에서 열기 ) _parent 부모 프레임에 열린다. _self 현재 페이지를 대체한다. _top 로드된 프레임 셋을 대..

기존에 세팅되어있는 개발환경보다 버전이 낮은 개발환경의 코드를 불러와서 작업하게 되었음. angular 버전은 재 설치를 하였으나 node 재설치 없이 이전 버전의 node 데이터를 이용하여 동작되기를 원함 node:internal/crypto/hash:71 this[kHandle] = new _Hash(algorithm, xofLen); ^ Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at module.exports (C:\Users\aswal\code\main\node_modules..

1. HTML 초기 태그 자동완성 2. 에디터 기본 단축 기능 (개인적으로 많이 쓰는 단축키 ⭐ 표시 ) ⭐ Ctrl + / : 주석 토글하기 ⭐ Ctrl + F : 일치하는 텍스트 찾기 Ctrl + H : 일치하는 텍스트 바꾸기 Ctrl + ,(콤마) : 설정창 열기 ​ ⭐ Ctrl + `(백틱) : 터미널 열기/닫기 ​ Ctrl + B : 왼쪽 탐색기 창 끄기/켜기 Ctrl + '+' / Ctrl + '-' : 폰트 사이즈 조절 Ctrl + 1 or 2 : 좌측 또는 우측 화면으로 포커스 하기 Ctrl + Pageup / Pagedown : 열어놓은 탭 왔다갔다 하기 ​ ⭐⭐ Ctrl + p : 메뉴에서 찾지말고, 파일 검색해서 빠르게 파일 열기 ⭐ Shift + Alt + F / 전체 선책후 Ctr..

0. Branch란? - 모든 버전 관리 시스템은 브랜치를 지원한다. - 개발을 하다 보면 코드를 여러개로 복사해야 하는 일이 자주 생긴다. 코드를 통째로 복사하고 나서 원래 코드와는 상관없이 독립적으로 개발을 진행할 수 있는데, 이렇게 독립적으로 개발하는 것이 브랜치다. 1. GIT Branch 전략이란? - 여러 개발자가 하나의 저장소를 사용하는 환경에서 저장소를 효과적으로 활용하기 위한 work-flow다 - 브랜치의 생성, 삭제, 병합 등 git의 유연한 구조를 활용해서, 각 개발자들의 혼란을 최대한 줄이며 다양한 방식으로 소스를 관리하는 역할을 한다. - 즉, 브랜치 생성에 규칙을 만들어서 협업을 유연하게 하는 방법론을 말한다. 2. Git-Branch 전략의 종류 1) Git - flow 전략..

0. D3.js - D3.js는 데이터를 기반으로 문서를 조작하기 위한 JavaScript 라이브러리 - HTML, SVG 및 CSS를 사용하여 데이터에 생명을 불어넣도록 도와줌 - D3는 강력한 시각화 구성 요소와 DOM 조작에 대한 데이터 중심 접근 방식을 결합하여 브라우저의 모든 기능을 제공 - D3를 사용하면 임의의 데이터를 DOM(문서 개체 모델)에 바인딩한 다음 데이터 기반 변환을 문서에 적용 가능 1. D3 개발환경 세팅 1-1. 공식사이트 설치 - 공식사이트 링크에서 설치하여 폴더에 첨부 - 공식사이트 : https://d3js.org/ D3.js - Data-Driven Documents D3 is a JavaScript library for visualizing data with HTM..

0. RxJS (ReactiveX JavaScript) - RxJS는 관찰 가능한 시퀀스를 사용하여 비동기 및 이벤트 기반 프로그램을 구성하기 위한 라이브러리 - Observable(Array), 위성 유형(Observer, Schedulers, Subjects) 및 메서드( map, filter, 등) 연산자를 제공하여 비동기 이벤트를 컬렉션으로 처리 - ReactiveX는 Observer패턴을 Iterator 패턴과 함수형 프로그래밍을 결합하여 이벤트 시퀀스를 관리하는 방법에 대한 요구를 충족 - 비동기 이벤트 관리를 해결하는 RxJS의 필수 개념은 다음과 같습니다. 개념 설명 Observable 미래 값 또는 이벤트의 호출 가능한 컬렉션 아이디어 Observer Observable이 전달한 값을 수..

1. Tabnine AI Autocomplete for JavaScript, Python, Typescript, PHP, Go, Java, Ruby & more: JavaScript, Python, Typescript등을 위한 자동완성 Tabnine은 수백만 개의 리포지토리에서 학습한 패턴으로 코드 지침을 제공하여 개발을 가속화하고 리포지토리에서 학습하도록 사용자 지정할 수 있습니다. 머신 러닝 모델을 사용하고 허용 라이선스를 통해 10억 줄 이상의 오픈 소스 코드에 대해 교육을 받았습니다. GitHub, GitLab 및 Bitbucket 리포지토리에 대한 액세스 권한을 부여하여 Tabnine이 리포지토리에서 훈련하도록 허용할 수도 있습니다. 또한 귀하의 팀을 위해 생성된 학습 알고리즘이 승인된 팀원에게..

1. 개발 환경 설정 1-0. VScode, Node.js 설치 - 구글 검색창에 검색 후 설치 - Node.js 는 최신 버전이 아닌 안정된 버전 설치 권장 1-1. Angular CLI 설치 npm install -g @angular/cli - 터미널 명령어 실행 npm install -g - npm 최신 업데이트 오류시 패치 - ng 명령어 오류시 컴퓨터 재구동 1-2. 기본 어플리케이션 생성 ng new [App-Name] - ng new 명령어로 생성 1-3. 어플리케이션 실행 cd [App-Name] // 경로 이동 ng serve --open // 실행 - 어플리케이션 경로로 이동 - ng serve 명령어로 실행 ( --open 옵션으로 실행 후 접속 ) - 브라우저 실행이 되지 않을 경우..