프런트엔드 테스트의 범위 정적 분석 - 타입스크립트를 활용하는 정적분석은 버그를 조기에 발견할 수 있도록 한다. - 타입 추론은 런타임 작동을 예측해주기 때문에 아주 유용하다.타입 추론 : 명시적으로 타입을 지정하지 않아도 타입스크립트 컴파일러가 초기에 할당된 값을 바탕으로 변수의 타입을 추론한다. 예시 ) if 문 분기에 타입 추론이 적용되면 값을 안전하게 다룰 수 있다.function getMessage(name :string | undefined){ const a = name; if(!name){ return `Hello anonymous!`; } //if문 분기와 return으로 undefined가 아니라는 것이 판정된다. const b = name; //b : str..

테스트를 작성해야 하는 이유버그 해결 : 버그가 있는 서비스는 이미지를 추락한다. 한 번 추락한 이미지를 회복 시키는 것은 많은 시간과 비용이 필요하다. 이 때, 테스트 코드가 예상하지 못한 버그를 조기에 발견해 서비스 이미지를 지켜주는 역할을한다.유지보수 : 작성한 테스트 코드가 있다면 기존 기능에 문제가 생겼는지 반복적으로 확인할 수 있어서 적극적으로 리팩터링을 진행할 수 있다.리팩터링 : 결과의 변경없이 코드의 구조를 재조정한다.품질 향상 :어떤 구현 코드의 테스트 작성이 어렵다면 해당 코드가 너무 많은 역할을 한다는 신호이다. 일부 책임을 더 작은 부분으로 나눌 수 있는지 재검토해 더 좋은 코드를 작성할 수 있다.웹 접근성 : 신체적, 정신적 특성에 따른 차이 없이 동등하게 정보에 접근할 수 있게..

💡 next.js 알게된 것 - v8 엔진 (검색 엔진) 을 통해 구글 맵 개발 가능 - 서버와 통신할 수 있는 react 라이브러리 - SSR (server side randering) - 풀스택 프레임워크  - 싱글 페이지 어플리케이션 - 라이브러리((react) : 내가 미리 만들어둔 함수를 가져다 쓸 수 있다. 수정 가능, 원하는 대로 유연하게 대처 가능 - 프레임워크(vue) : 코딩하는데 한계가 있음 SSR이란 ? - 서버 사이드 렌더링은 웹 애플리케이션에서 클라이언트 측에서만 렌더링되던 부분을 서버에서도 렌더링하여 완전한 HTML 문서를 클라이언트에게 제공하는 기술이다. 즉, 서버로 부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 기술이다.  SSR은 클라이언트와 서버 간의 협력으로 ..

비주얼스튜디오 추가 설치 (마켓플레이스)korean language pack for visual studio code -  한글 번역open in browser - 단축키를 통해 브라우저 결과 확인 기본 단축키html 파일에 html:5 작성 시 기본문장 단축키 Alt + B : 바라우저 실행Alt + Shift + B : 브라우저 바로 실행ctrl + s : 저장(수시로 해주기)  자바스크립트 코드 작성법 (html 파일 안에 위치) 페이지 위치에 상관없이 정상적으로 실행브라우저 성능이 좋아져 위치에 따른 체감 없음대부분 개발자들이 head 태그에 작성 주석 처리 - 설명글을 남기고 싶을 때 사용 - 코드 실행을 제외하고 싶을 때 사용 // 한줄 주석/*여러 줄 주석여러 줄 주석*/ 내부방식과 외부방식..

JavaScript 란 ?웹 어플리케이션을 구동하기 위해 HTML, CSS(Mark-up언어)와 함께 필수적으로 사용되는 프로그래밍 언어인터넷 초기 브라우저인 Netscape에서 LiveScript 라는 이름으로 시작Client 언어 > 브라우저 동작 C, Java, PHP 언어와 문법적으로 유사JIT(Just In Time) 언어Java와 JavaScript는 전혀 다른 언어 ! Compile Language (컴파일 언어)Interpreter Langage (인터프리터 언어)예시 : C / C++소스 코드를 컴파일을 통해 실행파일을 생성, 실행코드 수정 시 매번 컴파일이 필요코드 오류를 컴파일 과정에서 확인 및 수정 가능최종적으로 기계어가 수행되므로 성능이 우수예시 : Python / JavaScri..

vue.js란 ? - 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크 - 뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원하지만 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제동된다. - 라이브러리 역할뿐만 아니라 프레임워크 역할도 할 수 있다는 의미 vue.js의 장점 - 배우기가 쉽다. (html, css, js의 기초만 아는 입문자라도 빠르게 배울 수 있다.) - 리액트와 앵귤러에 비래 성능이 우수하고 빠르다. - 리액트의 장점과 앵귤러의 장점을 가지고 있다. - 앵귤러의 데이터 바인딩 특성과 리액트의 가상 돔 기반 랜더링 특징을 모두 가지고 있다. Vue.js - UI 화면단 라이브러리 - U화면 개발 방법 중 하나인 MVVM 패..