IT/Javascript4 JS 디버깅 도구 console.log() console.log()console.log() 는 JavaScript에서 데이터를 콘솔에 출력할 수 있는 함수입니다. 디버깅, 상태 확인, 실험 등 다양한 상황에서 사용되며, 단순한 출력 이상의 강력한 기능들을 내포하고 있습니다.console.log()의 동작 원리브라우저 환경에서console은 브라우저가 내장한 객체로, 개발자 도구(DevTools) 콘솔에 접근할 수 있도록 함.실제 구현은 브라우저마다 다르미잔 보통 C++로 작성된 콘솔 API를 JS에서 감싼 형태Node.js 환경에서console.log()는 내부적으로 stdout(표준 출력 스트림)을 사용다양한 출력 방식여러값 출력let name = "Tom", age = 30;console.log("이름:", name, "나이:", age);출.. 2025. 4. 5. JS 기초 문법 1. 변수 선언let name = "Alice"; // 변경 가능한 변수const age = 25; // 변경 불가능한 변수var city = "Seoul"; // 변경 가능한 변수(구)let: 재할당 가능 , 블록 범위const: 재할당 불가능(상수), 블록 범위var: 함수 범위(호이스팅 발생가능)2. 함수// 선언식function sayHello(name){ return 'Hello, ${name}!"; }// 표현식const sayBye = function(name) { return 'Bye, ${name}!';}// 화살표 함수(Arrow fuction)const double = (x) => x * 2;3. 조건문1) if - else if - else2) switch - ca.. 2025. 4. 5. 가장 많이 사용되는 JS 엔진, V8 javascript 엔진이란?JavaScript 엔진은 JavaScript 코드를 실제로 해석하고 실행해주는 프로그램입니다.Javascript는 사람이 이해하기 쉬운 고수준 언어컴퓨터가 직접 이해하려면 저수준의 명령어로 바꿔야함 -> 이 작업을 JS 엔진이 수행브라우저마다 다른 JS 엔진을 탑재주요 Javascript 엔진 비교1. V8사용환경: Chrome, Edge, Node.js제작사: Google특징: 가장 빠른 성능, JIT 컴파일, Node.js2. SpiderMonkey사용환경: Firefox제작사: Mozilla특징: JS 최소 엔진, 지속적인 최적화3. JavascriptCore사용환경: Safari제작사: Apple특징: Nitro 엔진 기반, Apple 생태계 최적화4. Chakra사.. 2025. 4. 5. Axios 버전 문제로 인한 FormData 인식 실패: 해결 방법 서론 웹 개발 과정에서 클라이언트와 서버 간의 데이터 교환은 필수적인 과정입니다. 특히, 파일 업로드나 여러 데이터를 동시에 전송해야 할 때, FormData를 사용하는 것이 일반적입니다. FormData는 폼 데이터를 쉽게 생성하고, 서버로 전송할 수 있는 메커니즘을 제공합니다. JavaScript에서는 주로 fetch나 Axios 같은 라이브러리를 통해 이를 처리합니다. 그러나, 최근 몇몇 프로젝트에서 Axios를 사용할 때 특정 버전에서 FormData가 제대로 인식되지 않는 문제가 보고되었습니다. 이는 개발자들 사이에서 상당한 혼란을 야기했고, 데이터가 서버로 제대로 전송되지 않아 여러 기능의 실패로 이어졌습니다. 이 블로그 포스트에서는 Axios 버전 문제로 인해 발생하는 FormData 인식 .. 2024. 4. 12. 이전 1 다음