jakeseo-javascript.js 🔨 - mysetting

11:34 5/30

velog.io

mobile screenshot relative

11:34

velog.io

mobile screenshot

jakeseo-javascript.js 🔨
https://velog.io/@jakeseo_me

대전에 있는 (주) 아이와즈에서 풀스택 웹개발자로 일하고 있는 서진규입니다. 주로 Jake Seo라는 닉네임을 많이 씁니다. 프론트엔드: Javascript, React 백엔드: spring, node.js, nest.js, JPA, type orm 에 관심이 있습니다.

저작도구: velog

최종 피드 수집: 2025-10-24 03:15

전체 (190)

2d

#1, LLM 이란?

LLM이란?
대규모 언어 모델 (Large Language Model)
심층 신경망 모델 (Deep Neural Network)
여러개의 층으로 복잡한 관계까지 학습 가능한 모델
얕은 모델은 단순 규칙만 학습 가능
입력 -> 특징

000

3y

코드숨 스프링 편 8주차 회고: 문서화, 빌드

무엇을 했는가?
asciidoctor 를 통해 Spring REST Docs 를 자동 생성해보았다.
javadoc 한글깨짐 현상 해결
도커를 이용해 스프링부트 프로젝트를 배포해보았다.
무엇을 배웠는가?
도커에 대해서 배웠다.
as

002

3y

코드숨 스프링 편 7주차 회고: 보안

무엇을 했는가?
프로젝트에 스프링 시큐리티를 이용한 보안 처리를 했다.
무엇을 배웠는가?
말 그대로 Spring Security (스프링 앱에서의 보안)에 대해서 배웠다.
스프링 시큐리티를 적용하면 기본으로 활성화되는 CSRF 에

0033

3y

Effective Java 1 - 정적 메소드 활용 예제 코드

package com.codesoom.demo.domain;
import com.codesoom.demo.exceptions.UserNotFoundException;
import com.fasterxml.jackson.annota

0029

3y

코드숨 스프링 편 6주차 회고: 로그인

이번 주에는 무엇을 했는가?
요약하자면, 이전에 만든 API 에 JWT 를 이용한 인증을 도입해보았다.
인증과 인가의 차이에 대해 배워보았다
쉽게 말해서 인증은 '누구인지' 확인하는 행위이고 인가는 '할 수 있는지' 확인하는 행위

0042

3y

코드숨 스프링 편 5주차 회고: 유효성 검사

이번 주에는 무엇을 했는가?
간단히 말하자면, 애플리케이션에 검증 프로세스를 더했다.
자바의 Bean validation 을 배웠다.
자바의 Bean validation 은 스프링 부트에서 spring-boot-starter-va

001

3y

코드숨 스프링 편 4주차 회고: 도메인

4주차, 이번에는 무엇을 했는가?
클린 아키텍처라는 것을 처음 배웠다.
클린 코드, 클린 xxx 등 많은 클린 시리즈를 배워봤는데, 이번엔 클린 아키텍처라는 것을 처음 봤다. 스프링을 배우면서 자연스레 단순히 @Controller

0035

3y

코드숨 스프링 편 3주차 회고: 테스트

이번 주에 한 것
간단하게 말하면, 테스트를 작성했다.
유닛 테스트 작성
계층형 테스트 작성
준비, 시작, 단언 (AAA, arrange-act-assert) 규약을 약간 변형했다.
Given, When, Then 에서 Descr

0034

3y

코드숨 스프링 편 2주차 회고

이번 주는 무엇을 했는가?
스프링 웹을 이용해 Todo API 를 작성했다.
Week1 에는 프레임워크를 사용하지 않고 작성해보았었다.
어땠는가?
당연하지만, 프레임워크를 쓰지 않을 때보다 편리했다.
프레임워크를 쓸 때, 어떤 것

006

3y

코드숨 스프링 편 1주차 회고

참고: 강의를 듣게 된 배경과 느낀점을 먼저 서술한 뒤에 구체적으로 어떤 것들을 피드백 받았는지 적었습니다. 코드숨 강의에 대해 간단히 느낀점만 궁금해서 들어오셨다면 위쪽 부분만 읽으시고 아래쪽은 무시하셔도 됩니다.
코드숨 강의를

0032

3y

SQL Sever 인덱싱에 대한 정리

DB Server 인덱싱에 대한 간략한 설명
참고링크
장점
데이터 검색을 빠르게 만들기 위함.
데이터의 중복 방지. (Primary key, Unique)
LOCK을 최소화. (동시성 증대)
단점
물리적인 공간 차지. (테이블처럼

0033

4y

#4 프로토타입 - 심화 3 - deprecated proto과 모던 프로토타입 메소드들

__proto__
__proto__는 사실 더 이상 권장되지 않는 기능이다. 최근 관련된 웹 표준에서 사라졌을 수 있으며, 혹은 사라지는 중일 수 있다. 물론, 호환성을 위해 아직 없애지 않는 브라우저가 대부분이긴 할 것이다. _

001

4y

JMeter로 웹사이트 성능 측정해보기

다운로드 주소
https://jmeter.apache.org/download_jmeter.cgi 에서 binary 타입을 받으면 됨
실행
윈도우에서는 bin 디렉토리에 있는 jmeter.bat 실행하면 됨. 맥에서는 ApacheJ

0034

4y

#3 프로토타입 - 심화 2 - 네이티브 프로토타입

Object의 내장 프로토타입
[object Object] ?
const obj = {};
alert(obj);
위의 코드를 실행시키면 결과가 어떤 것이 나올지 예측이 가능한가? 정답은 아래와 같다.
응? 나는 alert('[ob

000

4y

#2 프로토타입 - 심화 1

함수의 prototype 프로퍼티
let animal = {
eats: true
};
function Rabbit(name) {
this.name = name;
}
Rabbit.prototype = animal; // 프로

0033

4y

#1 프로토타입

프로토타입이 해결하려는 문제
객체지향을 배우다보면, 항상 나오는 핵심 개념으로 '상속'이라는 개념이 있다. '상속'이란 말 그대로 부모가 가진 특성을 자식이 그대로 이어받는 것을 말한다. 객체에는 크게 멤버와 메소드가 존재하는데,

0037

4y

#2 이벤트 캡처링 버블링과 이벤트 위임

이벤트 버블링이란?
이벤트 버블링이란, UI상에 중첩된 DOM 요소에 이벤트가 걸려있을 때, 가장 구체적인 부분으로부터 밖으로 이벤트가 퍼져나가는 현상을 의미한다.
예시 코드로 살펴보기
<!DOCTYPE html>
<html la

0037

4y

#2 이벤트 캡처링과 버블링

이벤트 버블링이란?
이벤트 버블링이란, UI상에 중첩된 DOM 요소에 이벤트가 걸려있을 때, 가장 구체적인 부분으로부터 밖으로 이벤트가 퍼져나가는 현상을 의미한다.
예시 코드로 살펴보기
<!DOCTYPE html>
<html la

003

4y

#1 웹브라우저의 DOM과 기타 요소들

Element
DOM, HTML 등을 설명하다보면 필연적으로 맞딱드리게 되는 것이 Element라는 용어이다. Element는 웹 페이지의 일부이며, XML 혹은 HTML 내부에서 텍스트나 이미지의 일부 혹은 데이터 아이템을 가지

001

4y

웹과 리액트 꼼꼼히 다시 배우기 #1 Element, Document, Dom tree, DOM

Element
DOM, HTML 등을 설명하다보면 필연적으로 맞딱드리게 되는 것이 Element라는 용어이다. Element는 웹 페이지의 일부이며, XML 혹은 HTML 내부에서 텍스트나 이미지의 일부 혹은 데이터 아이템을 가지

0029