분류 전체보기
-
번들러 Vite!공부라도 하자 2023. 10. 2. 15:48
2022년 4월 25일에 개인 노션 기록한 글을 옮겨온 것 번들러(Bundler)와 번들링(Bundling) 번들링 : 여러 파일들을 하나의 파일로 모아주는 것. 다양한 자바스크립트 라이브러리를 한 프로젝트에서 사용 → 여러 자바스크립트 파일들을 관리해야함 → 파일 개수만큼 요청해야 함 → 요청횟수가 많아지면 비효율적이기 때문에 하나로 묶어서 웹서버에 올림.최초 진입점인 javascript 파일을 읽어서 그 파일이 참조하고 있는 다른 여러 형식의 파일들을 하나로 묶어 최종적으로 js, css, jpg, png로 만든다. 번들러를 사용하면 번들링을 할 수 있음.ㅎㅎ 이제는 단순히 번들링의 역할만 하는 것이 아니라, 트랜스파일링(TS→JS), 용량 압축과 구형 브라우저 지원등의 기능을 함께 제공함 Webpa..
-
React 18 훑어보기공부라도 하자 2023. 10. 2. 15:38
* 2023년 3월 20일에 개인 노션에 작성한 글을 옮겨온 것 React 18 동시성 React 18에서는 가장 중요한 추가 기능인 동시성이 도입됩니다. 이로 인해 렌더링 엔진의 성능을 개선하고 사용자 경험을 향상시킬 수 있습니다. 동시성은 동시에 여러 버전의 UI를 준비할 수 있도록 하는 백그라운드 메커니즘입니다. 이를 통해 렌더링이 중단 가능해졌습니다. 💡 동시성이란? 싱글 코어 환경에서 멀티 스레드 환경을 구성하여 Context Switching을 통해 동시에 실행되는 것처럼 보이게 하는 것. 병렬성은 멀티 코어에서 멀티 스레드 환경을 구성하여 여러 작업을 동시에 실행하는 것 = 비슷하지만 다른 것으로 병렬성(Parallelism)이 있음 여러 작업을 더 작은 단위로 나눈 뒤, 그들 간의 우선순위..
-
HTTP 쿠키공부라도 하자 2023. 9. 28. 01:07
HTTP 쿠키 HTTP 쿠키(웹 쿠키, 브라우저 쿠키)는 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각입니다. 브라우저는 그 데이터 조각들을 저장해 놓았다가, 동일한 서버에 재요청시 저장된 데이터를 함께 전송합니다. 쿠키는 서버에서도, 클라이언트에서도 생성할 수 있습니다. 일단 쿠키가 한번 생성되면 브라우저는 해당 쿠키 정보를 기억하게 됩니다. 그리고 이후의 모든 요청(Request)에 쿠키를 포함하여 서버로 전달합니다. 서버는 브라우저의 요청(Request)에 포함된 쿠키를 읽어 들일 수 있습니다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용합니다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있습니다. 상태가 없는(stateless) HTTP 프로토콜에..
-
[현장에서 바로 써먹는 리액트 with 타입스크립트] (1) 라이프사이클 함수공부라도 하자 2023. 9. 28. 00:49
5장 클래스 컴포넌트 5.4 라이프사이클 함수 1) constructor 함수 클래스 컴포넌트는 기본적으로 클래스이기 때문에 클래스의 생성자 함수를 사용할 수 있다. 클래스 컴포넌트에서 State를 사용하지 않아 State의 초깃값을 설정할 필요가 없다면, 생성자 함수도 생략이 가능하다. 생성자 함수를 사용할 때에는 반드시 Super (props) 함수를 호출하여 상속받은 클래스(Component)의 생성자를 호출해야 한다. 생성자 함수는 해당 클래스 컴포넌트가 생성될 때에 한 번만 호출된다. 2) render 함수 render 함수는 클래스 컴포넌트의 화면 표시 부분(렌더링되는 부분)을 정의하는 데 사용한다. 즉, render 함수의 반환값이 화면에 표시되게 한다. render 함수는 부모 컴포넌트로부..
-
장고 다국어 i18n 적용기록이라도 하자 2023. 9. 22. 14:04
* 2019년 9월 19일에 개인 노션에 작성했던 글을 옮긴 것으로 지금 적용한다면 다를 수 있음 장고 i18n 지원 튜토리얼 참고 링크 https://kimdoky.github.io/django/2018/08/30/django-taskbuster-5/ https://docs.djangoproject.com/en/2.2/topics/i18n/translation/ Django The web framework for perfectionists with deadlines. docs.djangoproject.com 적용 방법 다국어를 적용하고 싶은 html 파일에 i18n을 적용을 위한 명시 {% load i18n %} 다국어 적용 문구를 특정 키워드로 감싸기 {% load i18n %}. {% comment..
-
늦은 8월 회고회고라도 하자 2023. 9. 16. 13:25
회사 업무 관련 토적표 마무리 및 배포 토적표 입력값 받을 때 3자리씩 끊어서 쉼표를 추가하는 작업을 했다.(toLocaleString 활용), -와 숫자 입력은 받되 완전한 숫자가 되기 전에 1223. 과 같은 값을 입력 받았을 때 1,223. 쉼표는 추가하되 .은 유지해야했고 소숫점 3자리 이상으로 입력을 받지 못하며 총 자릿수가 9자리를 초과하지 못하게 개발하는 것이 조금 까다로웠다. 정규식을 활용하여 작업했고, 나름 유저 플로우가 깔끔하게 나와서 만족했다. 백엔드 개발자 C님이 깔끔하게 API 만들어주셔서, 나름 어렵지 않게 작업이 끝났다. 버그가 많지도 않았고 멤버들이 좋아서 즐겁게 집중해서 작업했던 것 같다. 이 멤버 너무 좋았다.. 플랫폼 스쿼드로 복귀 토적표 스쿼드가 배포 이후 사라졌고 함..
-
JavaScript의 큰 수 다루기 : BigInt공부라도 하자 2023. 8. 26. 16:15
BigInt BigInt 값은 일반 숫자 원시값(primitive)으로 처리하기에는 너무 큰 정수를 나타내는 데 사용됩니다. BigInt 값은 정수 리터럴 뒤에 n을 추가하거나 정수나 문자열 값을 사용하여 BigInt() 함수를 호출하여 생성할 수 있습니다. 📌 여기서 “너무 큰 정수”는 자바스크립트에서 사용할 수 있는 최대 정수인 Number.MAX_SAFE_INTEGER (2⁵³ - 1) 보다 큰 수를 나타낸다. 💡 자바스크립트의 원시 타입 객체가 아니고 메서드나 속성이 없는 데이터 string, number, bigint, boolean, undefined, symbol, null 사용 BigInt 값은 정수 리터럴 뒤에 **n**을 추가하거나 정수나 문자열 값을 사용하여 BigInt() 함수를 호..
-
[JS] 구슬을 나누는 경우의 수코테라도 하자 2023. 8. 22. 23:58
프로그래머스 > 코딩테스트 입문 > 구슬을 나누는 경우의 수 https://school.programmers.co.kr/learn/courses/30/lessons/120840 문제 설명 머쓱이는 구슬을 친구들에게 나누어주려고 합니다. 구슬은 모두 다르게 생겼습니다. 머쓱이가 갖고 있는 구슬의 개수 balls와 친구들에게 나누어 줄 구슬 개수 share이 매개변수로 주어질 때, balls개의 구슬 중 share개의 구슬을 고르는 가능한 모든 경우의 수를 return 하는 solution 함수를 완성해주세요. 제한사항 1 ≤ balls ≤ 30 1 ≤ share ≤ 30 구슬을 고르는 순서는 고려하지 않습니다. share ≤ balls 입출력 예 balls share result 3 2 3 5 3 10 H..