전체 글50 VS Code powerlevel10k 폰트 깨짐 Terminal을 다루기가 어렵지만, 예쁜 테마를 쓰고 싶어서 기본 쉘을 bash에서 zsh로 바꾸고 테마는 깔끔하게 쓸 수 있는 'powerlevel10k'로 바꿨다. 설정마법사가 나타나서 본인이 원하는 대로 설정을 하면 완성된 테마는 이렇게 적용된다. 그런데 iTerm을 쓸 때는 깨지지 않는 폰트가 VS Code 터미널을 쓸 때는 폰트가 깨져서 왜 그러나 봤더니 VS Code 터미널에서 쓰이는 폰트를 바꿔주면 해결이 된다고 하더라. VS Code Settings에 들어가서 'terminal.integrated.fontFamily'을 쳐서 폰트를 'MesloLGS NF'로 변경해주면 이모티콘까지 잘 적용된 모습을 볼 수 있다. 참고: https://velog.io/@kangko05/Vscode-powe.. 2021. 6. 24. command not found: live-server VS Code를 이용할 때 Command Palette로 install한 Extensions Live Server를 이용할 수 있는데, 강의를 보니 터미널로 'live-server'라고 입력하면 바로 이용이 가능하더라. 이렇게도 해보고 싶어서 강의에 나온 내용대로 따라했는데도 command not found: live-server라고 떴다. 그래서 구글링을 해봤더니 npm으로 install한 PATH를 알려줘야 제대로 동작한다고 해서 npm bin -g 으로 그에 따른 경로가 나오면 export PATH=$PATH:(npm bin -g로 얻은 결과 붙여넣기) 하고 live-server 를 입력하니 제대로 동작! ...이 아니라, 위 방법은 일회용으로 한 번밖에 사용할 수 없더라... 경로를 어떻게 추가해.. 2021. 6. 21. [JS] Avoid callback hell, Promise udemy, The Complete JavaScript Course 2021: From Zero to Expert! / Teacher: Jonas Schmedtmann Promise chain을 사용하는 목적은 Callback HELL에서 벗어나기 위함이다. Promise : An object that is used as a placeholder for the future result of an asynchronous operation. 'AJAX call과 같은 미래에 받을 값을 담아놓는 상자' 정도로 이해하면 될 거 같다. setTimeout(() => { console.log('1 second passed'); setTimeout(() => { console.log('2 seconds passed'.. 2021. 6. 20. [JS] Object-Oriented Programming (OOP) Object-Oriented Programming (OOP) was developed with the goal of organizing code, to make it more flexible and easier to maintain (avoid 'spagetti code') - 최근에 SW 엔지니어링에서 가장 많이 쓰임. 죽 늘여놓는 코드를 쓰지 않고 정리할 수 있도록 해주며 유지보수를 쉽게 할 수 있다. [3 Ways of implementing prototypical inheritance in Javascript] 1) Constructor function 2) ES6 Classes : 쓰이는 코드의 방식이 constructor function과 매우 흡사하다. 3) Object.create() Th.. 2021. 6. 16. [JS] Constructor Function : Prototype chain 졸면서 강의 듣다가 이해하지 못한 상태에서 Coding Challenge를 하려고 하니 문제를 어떻게 풀어야할지 모르겠어서 정신 차리고 다시 집중해서 강의를 들었다. Constructor Function을 이용하는 이유는, 같은 코드를 똑같이 반복해서 쓰지 않고 같은 속성의 object를 만들기 위함이다. const Person = function(firstName, birthYear) { this.firstName = firstName; this.birthYear = birthYear; }; Person.prototype.calcAge = function() { console.log(2037 - `${this.birthYear}`) }; const Student = function(firstName, .. 2021. 6. 15. 이전 1 ··· 5 6 7 8 9 10 다음
