TOTAL47 [vue.js] Vue Instance Life Cycle ▣ 배경 Vue Instance는 객체로 생성되고, 데이터 관찰 기능을 설정하는 등의 작업을 위해 초기화를 수행한다. 이를 라이프 사이클이라 하는데 각 Step에서 Hook 메소드를 통해 중간 처리를 진행할 수 있다. ▣ Life Cycle Diagram ▣ 라이프 사이클 정의 라이프 사이클 훅 설명 beforeCreate Vue 인스턴스가 생성될 때 가장 처음으로 실행되는 훅이다. 아직 데이터와 이벤트는 아직 생성되지 않아 접근할 수 없는 단계이다. created created 훅은 beforeCreate 훅의 다음단계로 beforeCreate 훅이 호출된 직후 데이터와 이벤트가 초기화 되어 create 훅에서는 데이터와 이벤트에 접근할 수 있다. 그러나 아직 DOM이 마운트되지 않았으므로, 인스턴스의.. 2020. 9. 27. [vue.js] veux 사용시 computed property 의 반복적인 get/set 선언을 줄이고 싶다 (using vuex-map-fields) ▣ 고민사항 back-end 만 하다가 오랜만에 front-end 쪽을 보니까 신세계이다. 한 페이지 내에 아래와 같이 vuex와 동기화 처리할 변수(상태 변수)가 여러개 이다. 만약 name, age, city... 10개의 항목이 있다면 유사한 코드 블럭이 10번 반복된다. 이를 축약시켜줄 수 있는 라이브러리가 있을까? 유사한 고민 : Using get/set Computed property with mapState, mapMutation in Vuex // computed property (with vuex) 의 양방향 바인딩 ▣ computed property 에 대한 간단 정리 Define Style 및 특징 sum() 은 함수이지만 sum 과 같은 속성(property) 접근 방식을 사용해도 .. 2020. 9. 19. [webpack] operation not permitted (in windows 10) 문제현상 환경 : windows10 + vscode terminal(cmd) npm install webpack-dev-server -D npm install webpack-dev-server --save-dev C:\workspace\workspace-npm\test-w20200906>npm install webpack-dev-server -D npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could.. 2020. 9. 6. int -> binary string 로 표현하기 배경 https://hyperskill.org/projects/58/stages/315/implement 구현필요부분 File로부터 byte[]을 읽어들어오기 byte[] bytes; try (InputStream inputStream = new FileInputStream(in)) { bytes = inputStream.readAllBytes(); }byte -> binaryString 변환 String binaryString = Integer.toBinaryString((b & 0xFF) + 0x100).substring(1)Q1. int 와 byte는 어떠한 차이를 가지고 있는가? int는 4 바이트 (32비트), byte는 1 바이트 (8비트)로 구성된다. 제일 앞비트는 Sign비트는 0이면 양수.. 2020. 7. 19. 리눅스 Swap Memory SWAP 개요 물리 메모리가 부족하면 메모리 부족 (OOM) 상태가 된다. 리눅스에서는 메모리 부족에 대응하는 장치가 있는데 가상 메모리 방식을 응용한 SWAP 이다. SWAP은 저장 장치 일부를 일시적으로 메모리 대신에 사용하는 방식이다. 구체적으로 시스템의 물리 메모리가 부족한 상태가 되어 물리 메모리를 획득할 때에, 기존에 사용하던 물리 메모리의 일부분을 저장 장치에 저장하여 빈 공간을 만들어 낸다. 이때 메모리의 내용이 저장된 영역을 SWAP 영역이라고 한다. 시스템 구축 시점에 시스템 관리자가 만들어 둡니다. 시나리오 1 - 물리메모리가 부족할때 SWAP을 통한 매모리 확보 시나리오 (프로세스 B) 아직 물리메모리를 할당하지 않은 가상메모리에 접근하려고 시도 (프로세스 B) 가상메모리에서 물리메.. 2020. 7. 4. Windows10 에 WSL2 설치 및 VSCODE 연동해보기 ▣ WSL2 Windows Sub Linux 시스템의 약자로 가상머신의 오버헤드 없이 GNU/Linux 환경을 windows에서 직접 수행할 수 있다. ▣ WSL2 설치방법 1. windows 버젼이 2004이상으로 업데이트 및 빌드버젼이 19041 이상이여야 한다. 명령어 (Windows Key + R) 의 winver 를 통해서 확인할 수 있다. 2. WSL2 관련 기능 활성화 가상머신플랫폼 Linux용 Windows 하위 시스템 PowerShell을 관리자 권한으로 열어서 실행 dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart dism.exe /online /enable-feat.. 2020. 6. 21. 이전 1 2 3 4 5 ··· 8 다음
