분류 전체보기365 [JavaScript] Optional chaining(?.) & Nullish coalescing(??) Optioinal chaining (?.)객체의 속성을 안전하게 접근할 수 있게 해주는 연산자이다.event.data가 null 또는 undefined인 경우에도 코드가 중단되지 않고 계속 실행한다.예를들어, 'event' 객체가 아래와 같이 정의되어 있을 때let event = { data: { startTime: "10:00 AM", location: "Conference Room" }};여기서 event.data.startTime은 "10:00 AM"을 반환한다.하지만, event.data가 null이거나 undefined인 경우에는 event.data.startTime을 접근할 때 TypeError가 발생할 수 있다.이 때 Optional chaining(?.).. 2024. 7. 10. [JavaScript] window.addEventListener() 이번 포스팅은...회사에서 일을 하면서 발생했던 상황에 대해 적어보려고 한다. 그 전에 iframe과 window.addEventListener() 에 대해 간단히 적어보자면, iframe은 HTML Inline Frame 요소이며, inline frame의 약자이다.이는 효과적으로 다른 HTML 페이지를 현재 페이지에 포함시키는 중첩된 브라우저로, iframe 요소를 이용하면 해당 웹 페이지 안에 어떠한 제한 없이 다른 페이지를 불러와서 삽입할 수 있다.이런 식으로 말이다.https://wikidocs.net/86838 02장-3.2 HTML iframeHTML iframe이란 inline frame의 약자로, 웹 페이지안에 또 다른 웹페이지를 삽입하는 것을 의미합니다. 사용법 src : source의.. 2024. 6. 19. [Tip] Scouter Client&Server 설치 ** Scouter 설치 전 Docker를 사전에 설치해야 한다.https://la-reveuse.tistory.com/460 재부팅 2. WSL2 설치개발자는 Windows 컴퓨터에서 동시에 Windows와 Linux의 기능에 액세스할 수 있다. WSL(Linux용 Windows 하위 시스템)을 사용하면 개발자가 Linux 배포판(예: " data-og-host="la-reveuse.tistory.com" data-og-source-url="https://la-reveuse.tistory.com/460" data-og-url="https://la-reveuse.tistory.com/460" data-og-image="https://scrap.kakaocdn.net/dn/bCGQgm/hyWdemGOXa.. 2024. 5. 29. [Tip] Scouter 설치 전 세팅 ** Scouter 설치를 위한 사전 작업1. WSL2 활성화ㄴ Hyper-V 체크 > 재부팅 2. WSL2 설치개발자는 Windows 컴퓨터에서 동시에 Windows와 Linux의 기능에 액세스할 수 있다. WSL(Linux용 Windows 하위 시스템)을 사용하면 개발자가 Linux 배포판(예: Ubuntu, OpenSUSE, Kali, Debian, Arch Linux)을 설치하고 기존 가상 머신 또는 이중 부팅 설정의 오버헤드 없이 Windows에서 직접 Linux 애플리케이션, 유틸리티 및 Bash 명령줄 도구를 사용할 수 있다.ㄴ PowerShell을 관리자 권한으로 실행=>WSL 설치 명령$ wsl --installㄴ 이 명령은 WSL을 실행하고 Linux의 Ubuntu 배포를 설치하는 데.. 2024. 5. 29. [JavaScript] use strict란? "use strict"엄격 모드"use strict";는 자바스크립트에서 엄격 모드(strict mode)를 활성화하는 지시어(directive)이다. 엄격 모드는 더 안전하고 오류가 적은 코드를 작성할 수 있도록 자바스크립트의 문법과 동작 방식을 변경한다. 이는 ECMAScript 5(ES5)에서 도입된 기능이다.새롭게 제정된 ES5에서는 새로운 기능이 추가되고 기존 기능 중 일부가 변경되었다. 기존 기능을 변경하였기 때문에 하위 호환성 문제가 생길 수 있기 때문에 변경사항 대부분은 ES5의 기본 모드에선 활성화되지 않도록 설계되었다. 대신 use strict라는 특별한 지시자를 사용해 엄격 모드(strict mode)를 활성화 했을 때만 이 변경사항이 활성화되게 해놓았다. use strict지시자 ".. 2024. 5. 22. [Test] 테스트의 종류 (단위 테스트, 통합 테스트, 기능 테스트) 현재 회사에서 솔루션 고도화와 관련하여 신규 기능을 개발하는 작업을 수행하고 있다. 기본적인 기능 개발을 다 하고 나니, 내가 작성한 코드가 잘 동작하고 있는지, 버그가 없는지 테스트를 해봐야겠다는 생각이 들었다. 팀장님께서 말씀 주신 테스트는 일단 단위테스트와 통합테스트 였다. 개발을 할 때 먼저 개발 기간을 정하는데, 순수 개발은 2주 정도로 해서 끝내고 테스트를 2주 정도 하라고 하셨는데, 이 2주 동안의 테스트는 1주 간의 단위 테스트와 1주 간의 통합 테스트로 나누어서 하면 된다고 하셨다. 이 말씀을 듣고 단위테스트와 통합테스트에 대해 알아보았는데,유닛테스트(Unit Test), 통합 테스트(Integration Test), 기능 테스트(Functional Test)이렇게 세 종류 정도로 나뉘는.. 2024. 5. 20. 이전 1 2 3 4 ··· 61 다음
