Jeong.io

이것저것 쓰는 개발블로그

[TIL]2024.02.06

일일 개발 회고 with 3F Facts : 한것 and design 라이브러리를 이용하여 UI 모듈 개발 HTTP 메서드 종류에 대한 공부 장고BE CSRF토큰을 사용하기 위해 리다이렉트로 리액트FE 포트로 변경시킴 타입스크립트 제네릭과 애니타입에 대한 공부 Findings : 느낀것 확실히 UI 라이브러리를 쓰면 코드량이 줄고, 일관성있게 개발이 가능…

2024년 2월 06일

[TIL]Nest.js 기초(1)

Node.js 프레임워크 Express의 아키텍처가 개발자들마다 천차만별인 개발경험을 보다 좋게 바꾸기 위해 개발된 프레임워크 Nest.js 특징 내부적으로 Express를 기본적으로 사용함 MVC 디자인 패턴(Controller, Service, Entity, Repository 등)을 기본으로 사용 Typescript 기본으로 적용 Java sprin…

2024년 1월 08일

내 웹페이지가 로딩될때 일어나는 일 (1)

드디어 개발을 끝냈다. 만약 제가 정말 단순한 웹페이지를 개발했다고 가정해보겠습니다. 정말 간단하게 버튼을 누르면 숫자가 증가하고, 감소하는 카운트 페이지 입니다. html과 css 그리고 조금의 자바스크립트 코드로 이루어진 아주 단촐한 페이지입니다. 그렇다면 이 페이지를 열었을때 일어나는 일에 대하여 모두 알고계신가요? 이 html파일을 열었을때 일어나…

2023년 8월 15일

WEBPACK

모듈과 번들러를 아시나요? 모듈이란 프로그램을 구성하는 구성요소로 관련된 데이터와 함수를 묶은 가장 작은 단위를 말합니다. 함수의 기능별로 모듈을 만들면 유지보수가 쉬워지고 더 좋은 프로그래밍 개발이 가능합니다. 번들링이란 모듈의 의존성 관계를 파악하여, 그룹화시켜주는 작업으로서 모듈들을 묶어 용량도 줄이고 더 사용하기 쉽게 만들어주는 작업을 뜻합니다. …

2023년 7월 06일

바벨.js

babel.js Babel is a JavaScript compiler. 바벨 공식 홈페이지에서 바벨을 소개하는 문구입니다. 저 문구처럼 바벨은 상위버전에 자바스크립트(이하 ECMAscript)를 하위버전으로 컴파일링 혹은 트랜스 파일링 해주는 도구입니다. 자바스크립트는 리빙 스탠다드로 매년 새로운 표준이 나오며, 신규 문법들이 추가되고 있습니다. 일반적…

2023년 6월 23일

비동기, async와 await

자바스크립트 비동기가 이러우지는 방식 프로미스와 콜백지옥, 덴 캐치ㅏ외 어싱크 어웨이트 어싱크 어웨이트 코드까보기 코루틴과 비동기 자바스크립트 비동기가 실행되는 방식 자바스크립트는 싱글스레드라 stack을 하나만 가지고 있음에도 불구하고 어떻게 비동기처리를 하는지 알아보겠습니다. 동기 자바스크립트는 싱글스레드이기 때문에 하나의 실행컨텍스트 스택을 가집니다…

2023년 5월 26일

코어 자바스크립트 (2)

실행 컨텍스트 실행 컨텍스트란 (Execution Context)는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리를 담고있는 내용이라고 합니다. 즉 이것은 자바스크립트의 동적언어로서의 성격을 잘 파악할수 있는 개념이라고 할수있으며, 실행 컨텍스트를 이해하지 못한다고 하면 사실상 …

2023년 5월 11일

fastApi (3)

fastAPI doc 자습 fastAPI 에 대해 간단하게 알아보았으며, 공식문서를 통해 fastAPI를 배워보겠습니다. 경로 매개변수 매개변수 타입지정 매개변수를 받아 반환할수 있고, 해당 매개변수에 타입을 지정할 수 있습니다. 만약 user/{id} 와 user/me를 함께 사용해야 할 경우 user/me함수를 먼저 선언해주어야 합니다. 고정 상수값 …

2023년 3월 30일

IP와 브라우저 캐시

네트워크 통신을 위한 IP AWS를 이용하면서, 또는 ipconfig를 체크해보면 ip가 10으로 시작하거나 192로 시작하는것을 종종 확인해 볼 수 있습니다. 물론 맥에서조차 해당 ip들을 퍼블릭ip와 프라이빗ip라고 부르고 있습니다. 그래서 저희가 사용하는 퍼블릭ip와 잘 사용하지 않는다고 생각하지만, 실제로는 정말 많이 사용하는 프라이빗ip에 차이를…

2023년 3월 08일

CORS에 대하여

CORS 많이 들어보셨죠? 개발하다보면 CORS 관련 이슈는 항상 들어보실겁니다. 로컬환경에서 공공 API를 사용하거나, 웹 브라우저에서 CORS가 허용되지 않은 요청을 할때 많이 에러가 발생합니다. 아마 대부분 클라이언트 개발을 하며 많이들 경험하시는 에러일것입니다. 다양한 api를 가져다 쓰며 한번쯤은 경험했던 CORS 에러에 대해 궁금했었지만 제대로…

2023년 3월 02일