비전공 개발자 캐나다 브리

데브리입니다. REST APIs 에 대해 많이 들어봤지만, 정확한 개념이 잡히질 않아서 오늘 공부하며 정리해 봤어요. REpresentational State Transfer REST는 Software의 Architectural Style 중 하나로, 프로토콜이나 스탠다드는 아닙니다. REST 이전에는 SOAP이 많이 쓰였고, GraphQL, FALCOR 등이 있습니다. 이는 클라이언트와 서버 사이의 커뮤니케이션을 위한 것이라고 생각하면 되는데 클라이언트는 브라우저도 될 수 있고, 모바일 디바이스나 티비, 차 등이 될 수도 있어요. Communication layer between client and server. client can be browser, mobile device, even TV or c..

데브리입니다. 제가 처음에 웹개발 전반에 대해 공부를 하고 나서 많이 부족하다고 느낀 부분은 아무래도 자바스크립트였어요. 따로 자바스크립트만으로 이루어진 강의를 듣고 싶어서 찾아보고 있던 차에, 블로그 이웃님께서 본인도 이 강의로 공부하고 계시다고 추천해주셔서 저도 구매하게 되었습니다. The Complete JavaScript Course by Jonas Schmedtmann https://www.udemy.com/course/the-complete-javascript-course/ Learn Modern Javascript (Build and Test Apps) - Full Course The modern JavaScript course for everyone! Master JavaScript wit..

TypeScript is a variant of JavaScript. It is useful when it comes to large-sized codebase and distributed teams working on the same project. 자바스크립트는 dynamically typed 언어라, 오직 런타임에서만 에러를 확인할 수 있다. 이 부분이 코드를 짜는 데 있어서 좀 더 자유로움을 주고 새로운 컴포넌트를 추가하거나 바꾸는데 도움을 주지만, 큰 프로젝트와 큰 팀 안에서 작업이 이루어질 경우 미리 발견되지 않은 undefined variables는 이 후 문제를 야기하는 경우가 많다. 반면에 타입스크립트는 optional strong static typing을 소개했는데, 한번 declar..

convertion console.log(Number('7'); // 7 console.log(+'7'); // 7 ​ ​ ​ ​ parsing console.log(Number.parseInt('20px')); // 20 console.log(Number.parseInt('e13')); // NaN console.log(Number.parseInt(' 4.5rem ')); // 4 console.log(Number.parseFloat(' 6.5rem ')); // 6.5 ​ ​ ​ ​ .isNaN .isFinite determines whether the passed value is a finite number(유한수) (best way to check if the value is number) con..

.slice extract part of any array without changing the original array let arr = ['1', '2', '3', '4', '5'] console.log(arr.slice(2)); // ['3', '4', '5'] console.log(arr.slice(2,4)); // ['3', '4'] console.log(arr.slice(-2)); // ['4', '5'] .splice 필요없는 element를 제외시킬 때 유용하다. change the content of an array by removing or replacing existing elements and / or adding new elements. console.log(arr.splice(..

정의됨과 동시에 즉시 실행되는 함수. IIFE creates a function but not even having to save it somewhere. 단 한번만 쓰고 없어지는 function이 필요할 때가 있는데, 예를 들면 async/await (function () { console.log('한번만 쓸 function'); }); 또는 (() => console.log('한번만 쓸 function'))(); statement 전체를 ( )로 감싸서 expression으로 바꾼다. 왜 IIFE가 필요한가? One scope does not have access to variables from an inner scope. All data defined inside a scope is provate ..

call() call을 사용하면 this를 다른 값으로 변경할 수 있음. bind() this의 값을 바꾸는 것은 비슷하지만, 새로운 function(함수)이 출력된다. bind methods allows us to manually set this keywords for any function call. bind does not immediately call a function, it returns a new function where this keyword is bound. const koreanair = { airline: 'Korean Air', iataCode: 'KO', booking: [], book(flightNum, name) { console.log( `${name} booked a se..

데브리입니다. 보통 하루 종일 작업해두고 노트북 덮기 전에 git commit을 하는 편인데, 어제오늘은 제가 한 번도 커밋을 하지 않고 쭉 작업을 하고 있더라구요. 그러다 새로 고치고 싶었던 부분을 아무리 손을 대봐도 못할 것 같아서 그냥 마지막 커밋한 대로 되돌리고 싶어서 (바보같이) how to go back to a previous commit을 검색하고 있었습니다. * 참고로 궁금하신 분은 이곳에서 https://medium.com/swlh/using-git-how-to-go-back-to-a-previous-commit-8579ccc8180f Using Git — how to go back to a previous commit Git & GitHub are powerful tools which..

데브리입니다. 리눅스는 들어본 적은 있는데, 정확하게 무엇인지를 모르고 있었어요. 곧 토론토에서 발룬티어를 시작하는데, 시작하기 전 인터뷰에서 리눅스를 다뤄본 적이 있냐는 질문을 받았던 게 기억이 나서 정리해봅니다. https://www.linux.org/ Linux.org Friendly Linux Forum www.linux.org 리눅스 공식 웹사이트에 포럼 & 뉴스 & 튜토리얼 등을 확인하실 수 있고, 아래와 같이 다운로드 카테고리로 들어가시면 여러 종류의 Linux 배포본이 있어서 선택하셔서 다운로드 하실 수 있습니다. 가장 익숙한 배포본으로는 Red Hat, Ubuntu, CentOS, Oracle Linux 정도라고 합니다. 그나저나 리눅스 홈페이지도 구글 애드센스와 연동되어 있네요 ㅎㅎㅎ

Scope 이란? The space in which variables and statements can be accessed. It makes it possible to have variables with the same name without colliding with one another and prevents outer scopes from having access to inner scopes. 3 Types of scope 1) global scope The default scope - only one in the program The top scope that englobes the entire code The declarations inside this space can be accessed ..