위 글은 45 JavaScript Super Hacks Every Developer Should Know를 번역 겸 약간의 각색을 곁들인 글로,팁이 45가지나 되는 만큼 한 글에 담기보단 9개씩 5번으로 나눠서 포스팅할 예정이다.이 글은 5번째 중 1번째 글이다.1. var 대신 let과 const 사용하기문제: var는 함수 스코프를 가지고 있어서 버그와 예측 불가능한 동작을 초래할 수 있다.해결책: 블록 스코프를 가지는 let과 const를 사용하세요.// PROBLEM1: var는 함수 스코프이기 때문에 if 블록 내부에서의 재할당이 전역 score 변수에 영향을 미친다.var score = 10;if (true) { var score = 100; // 같은 변수 이름을 사용}console...
위 글은 24년 2월에 쓰여진 Medium의 글을 gpt로 번역한 것 요약본과 커리어에 대한 회고이다. 요약: 2024년 개발자들이 주목해야 할 10가지 JavaScript 트렌드JavaScript는 빠르게 진화하며 웹 개발의 판도를 바꾸고 있습니다. 2024년에는 웹 애플리케이션 구축 방식을 재정의할 흥미로운 트렌드들이 등장하고 있습니다. 이 글에서는 웹 개발자들이 주목해야 할 10가지 JavaScript 트렌드를 간단하게 설명합니다. 1. 마이크로 프론트엔드 (Micro Frontends):웹 애플리케이션을 작고 관리하기 쉬운 부분으로 나누어 개발. 모듈화, 확장성, 빠른 개발 사이클을 촉진.2. 서버리스 아키텍처 (Serverless Architecture):개발자는 인프라 관리 없이 코드를 작성...
멋쟁이 사자처럼 프론트엔드 스쿨 어느덧 10주차에 이르렀다. 자바스크립트 프로젝트를 앞두고 마지막으로 비동기 v통신을 중심적으로 배우고 있는데, 그에 대한 정리를 해보고자 한다. 동기 통신 과 비동기 통신 Ajax를 다루기에 앞서, 비동기 통신이 왜 필요한 지에 대해 먼저 짚어보고자 한다. 기본적으로,웹에서는 요청과 응답이 순차적으로 이루어지는 방식(동기 통신 방식)을 이룬다. 동기 통신 방식 클라이언트가 서버에 데이터를 요청 => 서버는 해당 요청 처리 후 데이터를 응답 => 클라이언트는 서버의 응답을 받을 때까지 대기 즉, 요청과 응답이 완전히 끝날 때 까지 다음 동작을 실행하지 않고 대기한다. 이런 순서로 작동하는 동기 통신의 단점으로, 1. 응답 대기시간 증가: 서버에서 응답 시간이 오래 걸리는 ..
멋쟁이사자처럼 프론트엔드 스쿨의 7주차를 지나고 있는 시점이다. Javascript의 개념들을 배우고 있는데, 한 번에 이해가 도저히 되지 않던 개념이었던 것중 하나인 Class에 대해 정리해보고자 한다. Class 정의 자바스크립트에서 함수의 한 종류로, 객체를 생성하기 위한 템플릿으로 사용되며, 값으로 사용할 수 있는 일급 객체(다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체)이다. 역할 일종의 설계도로, 클래스를 정의함으로써 객체를 만들기 위해 필요한 속성과 메서드의 구조를 미리 정의할 수 있다. 클래스는 생성자(constructor)를 포함하고 있다. 클래스 내부에서 정의된 메서드는 해당 클래스로부터 생성된 모든 객체에서 공유된다. 특징 // 1. 무명의 리터럴로 생성하여, 런타임..
