Programming/Javascript, Typescript29

• 

  리액트, 뷰를 안 쓰는 개발자들은 뭐 쓸까? 프론트엔드 프레임워크 알아보기 안녕하세요 SSAFY 수료생 기자단 김혜린입니다! 요즘 SAFFY 교육생분들은 어떤 프론트엔드 프레임워크로프론트엔드 공부를 시작하시는 지 궁금한데요. 7기 교육생이었던 저는 JavaScript 프론트엔드 프레임워크인 Vue(뷰)로첫 프론트엔드 개발을 시작하고 당시 생태계가 크게 확장되고 있었던 React(리액트)를여름 방학 기간동안 동기들과 공부해2학기 프로젝트 프론트엔드 개발에 활용했던 기억이 납니다. 그렇게 프론트엔드에 재미를 붙이고,프론트엔드 개발자로 취업을 준비할 때도국내외 모두 이 두 프레임워크 외에다른 프레임워크를 사용하는 기업은 거의 찾아보기 힘들었는데요 https://tsh.io/state-of-frontend 소프트웨어 개발사 'The Software House'에서2024년 6028.. Programming/Javascript, Typescript 2025. 6. 27.

• 

  [Jest] 특정 테스트 파일만 제외하고 실행하고 싶을 때 많은 프로젝트에서 테스트 도구로 Jest를 사용하고 있다. 이 때 테스트 파일에 시간이나 날짜 관련 데이터가 있는데, 나와 타임존이 다른 곳에서 개발한 경우 로컬에서 테스트가 통과하지 못하는 경우가 있다. 어느 나라에서 테스트를 실행해도 문제가 없도록 테스트를 작성하면 가장 좋겠지만, 당장 pull request를 만드는 경우 Jest config를 수정해서 한 파일을 제외할 수 있었다. // jest.config.jsmodule.exports = { testPathIgnorePatterns: ['실행하고 싶지 않은 테스트 파일명'], ...} 이렇게 적어주면 (여러 개 파일 작성 가능) 전체 테스트를 실행했을 때 해당 테스트 파일은 실행하지 않는다. 테스트 대상 파일이 아니라 테스트 파일(예.. Programming/Javascript, Typescript 2025. 2. 15.

• 

  [프론트엔드 테스팅] Yoni Goldberg의 JavaScript Testing Best Practices javascript-testing-best-practices/readme.kr.md at master · goldbergyoni/javascript-testing-best-practices📗🌐 🚢 Comprehensive and exhaustive JavaScript & Node.js testing best practices (July 2023) - goldbergyoni/javascript-testing-best-practicesgithub.com 이 GitHub README는 내 즐겨찾기에 들어 있은지는 오래 되었지만 처음으로 꺼내보게 되었다. 만 1년차 개발자가 되고 나서부터 가장 크게 달라진 점이 있다면 테스트 코드를 작성하고 있다는 것인데, 막상 테스트를 짜다 보면 어떤 원칙을 따라야 할지.. Programming/Javascript, Typescript 2024. 4. 15.

• 

  [WIP] [JavaScript] 모던 자바스크립트 Deep Dive 02장 자바스크립트란? 비록 다른 객체지향 언어와의 차이점에 대한 논쟁이 있긴 하지만 자바스크립트는 강력한 객체지향 프로그래밍 능력을 지니고 있다...상속, 정보 은닉을 위한 키워드가 없어서 객체지향 언어가 아니라고 오해하는 경우도 있지만 자바스크립트는 클래스 기반 객체지향 언어보다 효율적이면서 강력한 프로토타입 기반의 객체지향 언어다. -p.15 브라우저와 Node.js 모두 자바스크립트의 코어인 ECMAScript를 실행할 수 있지만 브라우저와 Node.js에서 ECMAScript 이외에 추가로 제공하는 기능은 호환되지 않는다. -p.17 03장 자바스크립트 개발 환경과 실행 방법 간단한 웹 애플리케이션은 브라우저만으로도 개발할 수 이싿. 하지만 프로젝트의 규모가 커짐에 따라 React, Angula.. Programming/Javascript, Typescript 2024. 1. 2.

• 

  [JavaScript] JavaScript Cheatsheet (ES6-ES10) Programming/Javascript, Typescript 2023. 12. 26.

• 

  [JavaScript] .getMonth() 메서드는 왜 zero-base일까? .getMonth() 메서드란 const moonLanding = new Date('July 20, 69 00:20:18'); console.log(moonLanding.getMonth()); // (January gives 0) // Expected output: 6 Date.prototype.getMonth() 메서드는 Date 객체의 월 값을 현지 시간에 맞춰 반환한다. 그런데 이 때 월은 0부터 시작한다. 월만 0부터 시작하는 이유는? 모든 Date관련 get 메서드가 zero-base라면 이상할 게 없다. 하지만 연, 일은 그렇지 않은데 월만 그런 것은 매우 이상하다. 사람에게 자연스럽지 않고 일관성도 없기 때문이다. 호기심이 발동했는데, JS의 아버지인 브랜든 아이크의 예전 트윗에서 답을 발견.. Programming/Javascript, Typescript 2023. 7. 25.

• 

  [JavaScript] new 연산자 예전에 정리해봐야지~ 했던 new 연산자. 왜 정리하고 싶었는지는 잊어버렸지만, 종종 만나게 되기에 정리해보자. 정의 new 연산자는 '생성자 함수' 앞에 붙여 객체를 만들어주는 연산자라고 할 수 있다. new라는 이름이 암시하듯이 새로운 객체입니다~! 라는 의미로 받아들였다. JavaScript에서 생성자 함수는 객체를 만드는 함수다. 아래에서 Person함수는 생성자 함수이며, 일반 함수와 구분하기 위해 대문자로 시작한다. function Person(name){ this.name = name; this.introduce = function(){ return 'My name is '+this.name; } } var p1 = new Person('river'); document.write(p1.int.. Programming/Javascript, Typescript 2023. 7. 13.