KUKJIN LEE
총 570개의 글
Spring Framework의 핵심: @Bean과 @Configuration 이해하기
설명 Spring Framework에서 @Bean 과 @Configuration 은 스프링의 핵심 어노테이션 중 일부로, 스프링의 의존성 주입(Dependency Injection) 기능과 관련 있습니다. 이들은 스프링 애플리케이션 컨텍스트에서 빈(Bean)의 생성과 ...
useEffect 생명주기 이벤트 처리 (componentDidMount, DidUpdate, WillUnmount)
생명주기 이벤트 처리란, 컴포넌트의 생성부터 소멸까지 일어나는 여러 단계에서 특정 코드를 실행하는 것을 말합니다. 이는 컴포넌트가 사용자의 인터페이스에 나타나고, 업데이트되며, 마지막으로 제거될 때까지의 과정을 포함합니다. React에서는 이러한 과정을 생명주기(Lif...
Next.js 에러 페이지 Custom 404 page
게시글 작성 전에 오류 페이지를 FrontEnd 섹션에 작성할지, BackEnd 섹션에 작성할지 고민했습니다. 사용자에게 보여지는 오류 페이지 측면에서 접근했기 때문에, 이 내용을 FrontEnd 섹션에 다루기로 결정했습니다. 기본 에러 페이지 관리 N ext.js에서...
프로그래머스 간단한 논리 연산 JavaScript
boolean 변수 x1 , x2 , x3 , x4 가 매개변수로 주어질 때, 다음의 식의 true/false를 return 하는 solution 함수를 작성해 주세요. 이 함수는 네 개의 입력값 x1 , x2 , x3 , x4 를 받아 논리 연산을 수행하고 그 결과를...
프로그래머스 배열의 길이를 2의 거듭제곱으로 만들기 JavaScript
정수 배열 arr 이 매개변수로 주어집니다. arr 의 길이가 2의 정수 거듭제곱이 되도록 arr 뒤에 정수 0을 추가하려고 합니다. arr 에 최소한의 개수로 0을 추가한 배열을 return 하는 solution 함수를 작성해 주세요. 배열의 크기를 결정하는 데 사용...
Figma 디자인 도구: 가이드 기능
우측 상단의 Design 파트에서 모서리 부분을 둥글게 만들 수 있는 기능이 존재합니다. 색상도 변경할 수 있습니다. (Fill이라는 부분에서 색상을 변경할 수 있습니다.) Figma는 디자이너들이 효율적으로 작업할 수 있도록 다양한 기능을 제공하는 디자인 툴입니다. ...
프로그래머스 요격 시스템 JavaScript
A 나라가 B 나라의 중요 군사 기지를 공격하였습니다. B 나라는 최소한의 비용으로 모든 공격을 막으려고 합니다. 이를 위해, 각 공격이 X축에 평행한 직선으로 표현되며, 요격 미사일은 특정 X 좌표에서 수평으로 발사되어 모든 걸치는 공격을 한 번에 막을 수 있습니다....
프로그래머스 배열 만들기 1 JavaScript
정수 n과 k가 주어졌을 때, 1 이상 n이하의 정수 중에서 k의 배수를 오름차순으로 저장한 배열을 return 하는 solution 함수를 완성해 주세요. 이 코드는 주어진 두 개의 정수 n과 k를 입력으로 받아, 1부터 n까지의 숫자 중에서 k로 나누어 떨어지는 숫...
프로그래머스 문자열의 앞의 n글자 JavaScript
문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string의 앞의 n글자로 이루어진 문자열을 return 하는 solution 함수를 작성해 주세요. JavaScript로 작성된 함수인 solution을 나타냅니다. 이 함수는 두 개의 인자를 받습니...
Figma에서 Frame 활용하기
Figma 프레임이란 무엇인가요? Figma에서 프레임은 디자인 작업의 기본 틀을 제공합니다. 프레임을 통해 각종 디자인 요소들을 정렬하고, 화면 사이즈에 맞게 조정할 수 있습니다. Frame 종류와 구현 순서 프레임은 다양한 디바이스와 화면 크기에 맞추어 제공됩니다....
Figma 필수 단축키 공부
기능 Windows 단축키 Mac 단축키 기능검색 [ Ctrl ] + [ / ] [ Cmd ] + [ / ] 오브젝트 복제 [ Ctrl ] + [ O ] [ Cmd ] + [ O ] 투명도 조절 숫자키 0~9(00~0%) 숫자키 0~9(00~0%) 그룹(Group) [...
왜 React에서 form을 사용해야 할까?
사용자로부터 데이터를 받는 일은 매우 흔합니다. 예를 들어, 사용자가 블로그 포스트를 작성하거나 회원가입을 할 때 정보를 입력해야 하죠. 이때, React와 같은 현대적인 프레임워크에서는 어떻게 데이터를 효율적으로 수집하고 관리할 수 있을까요? 구조화와 접근성