Zzolab Blog :)

최신 글

• 

  Javascript & jQuery 숫자 천 단위 마다 콤마 찍어주세요 (1,000) 소수점 숫자도 나와야해요. RegExr, toLocaleString (정규 표현식_Lookahead/Lookbehind_사파리 lookbehind 오류에 대해서..) 기존 작업자가 작업해 둔 코드가 있었고, 요구 조건에 따라 이슈가 전달되어왔다. 기존 코드 function addComma(value) { return value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); } 요구 조건은 아래와 같았고.. 1. 숫자 천 단위마다 콤마 추가 2. 소수점에서는 콤마 추가하지 않아야 함 기존 코드에서는 소수점에서도 콤마가 추가되고 있었다. function addComma(value) { return value.toString().replace(/\B(?

• 

  Vue [Vue3/Typescript] 할일 목록을 만들면서 Vue3 배워보자 - 03  할일 목록을 만들면서 Vue3 배워보자 - 01  할일 목록을 만들면서 Vue3 배워보자 - 02 > 할일 목록을 만들면서 Vue3 배워보자 - 03 이번에는 Store를 통해 작업을 진행해보겠습니다. 기존에는 vuex를 사용해서 작업을 했었는데, vue3에서는 공식적으로 pinia 라이브러리를 사용하기를 권고하고 있습니다. Pinia - Vuex를 대체할 새로운 Store! 사실 Pinia 는 Vue의 코어팀에서 활동하는 Eduardo 가 Vuex 5 의 RFC 에 따..

• 

  Vue [Vue3/Typescript] 할일 목록을 만들면서 Vue3 배워보자 - 02  할일 목록을 만들면서 Vue3 배워보자 - 01 > 할일 목록을 만들면서 Vue3 배워보자 - 02  할일 목록을 만들면서 Vue3 배워보자 - 03 먼저 Store 없이, emits을 통해서 데이터 통신하는 방식으로 개발해보겠습니다. Style 영역은 01과 달라진 부분이 없으므로 코드에 나타내지 않겠습니다. 기능 개발 - 01 등록하기 views/App.vue 데이터 정의는 ref를 사용합니다. 1. App.vue가 가장 최상위 파일이므로 todoList 데이터를 만들..

• 

  참고 자바스크립트 세미콜론(;) 꼭 써야하나요? 들어가기에 앞서.. 가끔 친구와 술을 마실 때면 개발 이야기를 하곤 합니다. (거의 술 마실 때마다 항상 하는 것 같기도 하고;;) 하여튼 대화 도중에 `세미콜론`에 대한 이야기가 나왔습니다. " 파이썬으로 개발을 많이 하다가 자바스크립트를 해야 할 때면 세미콜론 정말 귀찮아. 자꾸 빼먹게 돼서 어디는 들어가 있고 어디는 안들어가 있고... 이거 정말 꼭 붙여야 하는 걸까? 자바스크립트는 세미콜론 없어도..

• 

  정의 실행 컨텍스트(Execution context) 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체입니다. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅, hoisting) 외부환경 정보를 구성하고, this 값을 설정하는 등의 동작을 수행합니다. 실행 컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체라고 했는데, 동일한 환경에 있는 코드들을 실행할 때 필요한 환경 정보들을 모아 컨텍스트를..

• 

  정의 기본형 타입(Primitive Type)과 참조형 타입(Reference Type) 데이터 타입의 종류 기본형 타입(Primitive Type) 참조형 타입(Reference Type) 숫자(Number) 문자열(String) 불리언(Boolean) null undefined 심볼(Symbol) 객체(Object) 배열(Array) 함수(Function) 날짜(Date) 정규표현식(RegExp) Map WeakMap Set WeakSet 기본형 타입(Primitive Type) 기본형 타입의 종류에는 숫자, 문자열, 불리언, null, undefined, symbol이 있습니다. 일반적으로 기본형은 '할당이나 연산시 데이터가 복..

• 

  정의 객체지향프로그래밍이란? 3요소 | 5원칙 | 그리고 추상화 자바스크립트는 프로토타입의 객체지향언어입니다. 따라서 자바스크립트를 사용해 프로그래밍하는 사람들은 대부분 면접에서 OOP에 대한 질문을 받습니다. OOP, 객체지향프로그래밍(Object Oriented Programming)에 대해 알아보도록 하겠습니다. 개념에 들어가기 전에 객체지향프로그래밍 패러다임에 대해 알아보도록 하겠습니다. 객체지향 프로그래밍은 구조적 프로그래밍보다 2년 앞서 등장했다고 합니다. 함수 호출이 반환된..

• 

  Javascript & jQuery Express, Socket.io를 사용하여 채팅구현하기 - (1) 사전작업 들어가기에 앞서... 전체적인 가이드는 근둥이님 블로그를 참고했습니다. https://codevkr.tistory.com/58?category=719250 쪼랩이라 예전에 채팅구현을 도전했다가 허접하게 마무리되었었는데, 근둥이님 블로그보니까 설명이 잘되어있어서 무리없이 진행했습니다. 제 글이 이해가 안된다면 근둥이님 블로그 글을 찾아가는것이 큰 도움이 될 것입니다. (굽신-감사합니다.) 예전에 작업했을때 이해못했던 부분이, 역할 담당의 부..