디버깅
-
웹 개발의 세계에서 JavaScript는 웹 페이지를 상호작용적이고 동적으로 만드는 데 중요한 역할을 합니다. JavaScript 개발자의 기본 도구 중 하나는 console.log() 함수입니다. 이 글에서는 console.log()의 다양한 측면, 사용 사례 및 개발자의 가장 친한 친구가 될 수 있는 방법을 자세히 살펴보겠습니다. 1. console.log() 소개 console.log() 함수는 내장 JavaScript 메서드로, 개발자가 메시지, 변수 및 기타 데이터를 브라우저의 콘솔에 로깅할 수 있게 해줍니다. 이는 디버깅, 코드 실행 모니터링 및 개발 중에 유용한 통찰력을 제공하는 다재다능한 도구입니다. 2. 기본 사용법 console.log()를 사용하려면 메시지나 로깅하려는 변수를 호출하면..
자바스크립트 console.log : 5 Q&A웹 개발의 세계에서 JavaScript는 웹 페이지를 상호작용적이고 동적으로 만드는 데 중요한 역할을 합니다. JavaScript 개발자의 기본 도구 중 하나는 console.log() 함수입니다. 이 글에서는 console.log()의 다양한 측면, 사용 사례 및 개발자의 가장 친한 친구가 될 수 있는 방법을 자세히 살펴보겠습니다. 1. console.log() 소개 console.log() 함수는 내장 JavaScript 메서드로, 개발자가 메시지, 변수 및 기타 데이터를 브라우저의 콘솔에 로깅할 수 있게 해줍니다. 이는 디버깅, 코드 실행 모니터링 및 개발 중에 유용한 통찰력을 제공하는 다재다능한 도구입니다. 2. 기본 사용법 console.log()를 사용하려면 메시지나 로깅하려는 변수를 호출하면..
2023.09.12 -
모바일 테스트 웹이나 SPA 개발하기 위해서는 모바일로 테스트는 필수인데, 보통은 모바일 웹뷰를 테스트하기 위해서 크롬이나 파이어폭스로 모바일 웹뷰로 확인하는데 간혹 어떠한 문제들은 실제 모바일 환경에서만 발생하기도 한다. 이러한 문제들은 cross browser testing이나 Browserstack 툴들에도 확인되지 않기 때문에 실제 모바일 환경에서 확인해야하만 한다. 다음은 실질적인 모바일 환경에서 테스트하는 방법을 서술해보았다. 1. LAMBDATEST LT Browser 손쉽게 여러개의 디바이스(실제 환경과 조금 다를 수 있음)를 테스트할 수 있고, 캡쳐 및 동영상 녹화 기능도 자체적으로 탑재된 브라우저이다. 그리고 로그인하면 다른 툴(Github, Jira 등)에도 공유가능하다. LT 브라우..
모바일 기기로 테스트 및 디버깅하기모바일 테스트 웹이나 SPA 개발하기 위해서는 모바일로 테스트는 필수인데, 보통은 모바일 웹뷰를 테스트하기 위해서 크롬이나 파이어폭스로 모바일 웹뷰로 확인하는데 간혹 어떠한 문제들은 실제 모바일 환경에서만 발생하기도 한다. 이러한 문제들은 cross browser testing이나 Browserstack 툴들에도 확인되지 않기 때문에 실제 모바일 환경에서 확인해야하만 한다. 다음은 실질적인 모바일 환경에서 테스트하는 방법을 서술해보았다. 1. LAMBDATEST LT Browser 손쉽게 여러개의 디바이스(실제 환경과 조금 다를 수 있음)를 테스트할 수 있고, 캡쳐 및 동영상 녹화 기능도 자체적으로 탑재된 브라우저이다. 그리고 로그인하면 다른 툴(Github, Jira 등)에도 공유가능하다. LT 브라우..
2022.06.27 -
Property '__REDUX_DEVTOOLS_EXTENSION__' does not exist on type 'Window & typeof globalThis'. 현재 프로젝트에서 리덕스를 쓰며, 구글 extension 으로 리덕스를 디버깅하고 싶다면 redux devtools 를 사용하게 될 것이다. 그러나 만약 프로젝트에서 js나 jsx가 아닌 tsx,ts(타입스크립트)를 쓰고 리덕스 디버깅 extension 사용한다면 위와 같은 에러가 발생할 것이다. 위의 에러는 번역하면 __REDUX_DEVTOOLS_EXTENSION_COMPOSE__가 윈도우라는 타입을 가지고 있지 않기 때문이다. 이럴 경우 Window 타입을 정의해주면 된다. import * as React from 'react' impo..
타입스크립트에서 리덕스 디버깅 툴 타입 에러.Property '__REDUX_DEVTOOLS_EXTENSION__' does not exist on type 'Window & typeof globalThis'. 현재 프로젝트에서 리덕스를 쓰며, 구글 extension 으로 리덕스를 디버깅하고 싶다면 redux devtools 를 사용하게 될 것이다. 그러나 만약 프로젝트에서 js나 jsx가 아닌 tsx,ts(타입스크립트)를 쓰고 리덕스 디버깅 extension 사용한다면 위와 같은 에러가 발생할 것이다. 위의 에러는 번역하면 __REDUX_DEVTOOLS_EXTENSION_COMPOSE__가 윈도우라는 타입을 가지고 있지 않기 때문이다. 이럴 경우 Window 타입을 정의해주면 된다. import * as React from 'react' impo..
2020.07.22