for 배열 내장함수는 아니지만 반복문을 이용하여 배열에 접근하는 가장 쉬운 방법입니다. 제곱근을 구하는 함수를 for, forEach, map 배열 함수를 이용하여 작성하여 각자 코드를 비교해 보겠습니다. const arr = [1, 2, 3, 4, 5, 6, 7, 8]; const squared = []; for (let i = 0; i < arr.length; i++) { squared.push(arr[i] * arr[i]); } forEach for와 코드 라인 수는 같지만 for는 반복문을 돌리기 위해 임시 변수 i를 할당했습니다. 지금처럼 테스트하는 경우엔 문제가 되지 않지만, 코드의 양이 많아지는 큰 프로젝트에는 가독성을 떨어 뜨립니다. 또한 forEach는 콜백 함수의 첫번째 인자로 각 값..
Ajax (Asynchronous JavaScript and XML) 예전에는 서버에서 매번 새로운 페이지를 내려준 후에 클라이언트가 렌더링해서 보여주었습니다. 그러나 거의 10년 전부터는 데이터의 수신을 다 기다리지 않고, 필요한 부분의 데이터만 가져와 바로 다른 작업을 실행합니다. 이에 따라 불필요한 페이지의 로딩을 기다리지 않아 웹 속도를 빠르게 하여 UX 향상에 도움이 됩니다. 화면에 영향을 주지 않고(새로고침하지 않고) 데이터를 서버에서 가져오는, 즉 비동기적으로 가져오는 방법을 의미합니다. JSON (Javascript Object Notation) JSON은 데이터 구조 형식입니다. 자바스크립트의 오브젝트(객체)처럼 키와 밸류가 쌍으로 묶여져 있는 표기법입니다. { blog: "minimal..
이 글은 노마드코더의 초보를 위한 Vanila JS를 공부한 기록입니다. Javascript란? 웹에서 쓸 수 있는 하나 뿐인 언어이다. 백엔드 개발자는 파이썬, 루비, 자바 등 선택할 수 있는 언어가 다양하지만 웹 화면을 다루는 프론트엔드 개발자는 다루는 언어가 오직 자바스크립트 하나이다. 이는 단점이지만 장점으로, 모든 브라우저가 자바스크립트를 쓰므로 매우 빠르게 발전하며 강력한 성능의 언어가 된다. ES5, ES6, ECMA2016.... 무슨 버전을 배워야 해?! ECMA는 specification, 즉 규격, 사양, 표준. ES는 ECMA script의 준말이고, 뒤에 숫자는 버전을 의미한다. (니콜라스가 어떤 내용과 버전을 배울 지는 전혀 걱정하지 말고 자기한테만 배우면 된다고 했을 때, 멋있..
