Re:제로부터 시작하는 코딩생활

비동기 처리 2024.04.02 - [IT] - JavaScript / 동기/비동기 JavaScript / 동기/비동기 Block / NonBlock , Sync / Async 이번에는 JS에서 가장 중요하면서 어렵고 헷갈리는 개념 중 하나인 "Block / Non - Block", "Sync / Async"를 알아보겠습니다! 머리로는 이해해도 설명해보라고 하면 뭐라 설명할 rezerocodinglife.tistory.com 이전 글에서 다룬 비동기를 처리하는 방법들을 알아보겠습니다. 이번에 다룰 비동기적 코드 결과 처리 방법은 총 3가지입니다. Call Back Promise Async / Await (syntactic sugar) 파이팅! 1. 콜백 (Call Back) call back은 비동기 작..

Block / NonBlock , Sync / Async 이번에는 JS에서 가장 중요하면서 어렵고 헷갈리는 개념 중 하나인 "Block / Non - Block", "Sync / Async"를 알아보겠습니다! 머리로는 이해해도 설명해보라고 하면 뭐라 설명할 수 없는 그런.... 저도 100% 이해가 어려워 계속해서 코드를 작성해 보며 이해해 나가고 있습니다. 파이팅!! Block / NonBlock Block 현재 작업이 다른 작업을 실행을 차단하는가 제어권을 기준으로 함. const fs = require('fs'); const data = fs.readFileSync('./file_path'); console.log('파일 읽기 완료', data); // data에 파일이 읽힌 후, '파일 읽기 완료..

This this는 JS에서 가장 혼란스러운 개념 중 하나로 꼽힙니다. 상황에 따라 this가 바라보는 대상이 달라지는데, 어떤 이유로 그렇게 되는지를 파악하기 힘든 경우도 있고 예상과 다르게 동작할 때도 있습니다 함수와 객체의 구분이 느슨한 JS에서 this는 실직적으로 이 둘을 구분하는 거의 유일한 기능입니다. 상황별로 this가 어떻게 달라지는지, 왜 그렇게 되는지 그 원인과 효과적으로 추적하는 방법 등을 작성해 보겠습니다. 시작!! This란? 함수가 실행될 때 함수 내부에서 사용되는 값. 함수를 호출한 컨텍스트를 가리킨다. "실행 컨텍스트" 포스팅에서 다뤘던 컨텍스트 개념의 이해가 필요합니다. 2024.03.26 - [IT] - JavaScript / 실행 컨텍스트 JavaScript / 실행 ..

Object Object란? 원시 타입(숫자, 문자열, boolean, null, undefined, Symbol)을 제외한 나머지 값들. key와 value로 구성된 property(속성)의 집합 Object는 key와 value의 쌍으로 이루어진 container 그런 여기서 Property(속성)이 무엇인지 알아보겠습니다. - Property Property Name = key Porpery value = value let person = { name: "John", // 'name'은 property name, "John"은 property value age: 30, // 'age'는 property name, 30은 property value greet: function () { // 'gree..

2024.03.24 - [IT] - JavaScript 기초 및 용어

- Backend 공부만 해본 제가 Frontend를 시작해 봅니다. - 열심히 가봅시다! * 왜 Frontend를 시작했나? Backend 개발자가 되고 싶어 공부를 시작했습니다. 웹 서비스 프로젝트를 진행할 때에도 "HTML, CSS, JS는 공부 안 해도 괜찮다!" "그때그때 찾아보면서 하면 된다." 라는 안일한 생각을 가지고 진행하였습니다. 하지만! 더 나은 개발자가 되기 위해서, 스스로의 경쟁력을 높이기 위해선 프런트엔드 공부가 필수적입니다! 스스로 공부하고 이해한 내용을 바탕으로 블로그를 작성하려 합니다. JavaScript를 시작으로 공부해 나가겠습니다. * 목 차 변수란? JS 변수 종류 선언과 할당 리터럴(Literal) var Hoisting 함수란? 함수 표..