Sign in

it

it ops aws ec2

[AWS] 📚 EC2 외부 접속(SSH) 5가지 방법 - PuTTy / FileZilla / MobaXterm

EC2 외부 접속하기 [PuTTy] 가장 유명하고 많이 사용하는 리눅스(SSH) 접속 툴인 Putty를 이용해서 EC2 인스턴스에 접속하는 방법을 알아보자. 필요한 준비물은 Putty와 Puttygen 두 가지이다. Puttygen은 위에서 다운한 .pem(키페어)를 .ppk로 만들기 위함이고, putty는 만들어진 .ppk를 가지고 서버를 실행하기 위함이다. 1. PuTTy 다운 PuTTY 설치 및 기본 사용법은 따로 포스팅 해두었다. [PuTTy] 💿 설치 및 사용법 PuTTY SSH 프로토콜은 웹호스팅을 이용하거나, 리눅스서버에 접속하기 위하여 사용하는 원격접속 툴이다. ​ PuTTY는 리눅스나 유닉스 계열의 서버에 원격으로 접속할 수 있는 클라이언트 프로그램 inpa.tistory.com 2. P..
wono | discuss |
it dev springboot jsp

[Spring Boot] SpringBoot에서 JSP 사용하기

Spring Framework가 아닌 Spring Boot에서 JSP 사용하기 Spring Framework에서는 뷰(View)로 JSP 파일을 사용했었다. (Maven 프로젝트 생성 시 아래 webapp으로 설정하면서 해당 폴더에 view 폴더를 통해 JSP를 사용했다) https://kcode-recording.tistory.com/312 [Spring] IntelliJ에서 Spring Framework Project 생성 및 설정(Maven) Maven 프로젝트 생성을 이용해 Spring Framwork 프로젝트 생성하기 인텔리제이에서 Spring Framework 프로젝트 생성하는 방법을 알아보고자 한다 기존에는 Spring Boot만 사용하여 start.spring.io 사이트를 이용 kcode..
wono | discuss |
it dev spring

[Cinemagram] 공통기능은 묶어보자 AOP, 마지막 확인 - (16)

이번 포스팅은 Cinemagram의 마지막포스팅입니다.물론, 계속해서 리팩터링 하거나 기능을 추가할 예정이지만 우선 이렇게 막을 내리고 추후에 작업을 해서 올리도록 하겠습니다. AOP란?Aspect Oriented Programming의 약자로 관점 지향 프로그래밍입니다. 그렇다고 객체지향프로그래밍은 버리겠다는 것이 아니라 추가로 적용 가능합니다. 예를 들어보겠습니다. 로그인 기능, 회원가입 기능을 구현하고자 할 때 로직을 기술해 보면 다음과 같습니다.핵심기능로그인 로직회원가입 로직1. username, password입력1. username, password, email, name입력2. DB에 SELECT쿼리 보냄2. DB에 INSERT함3. 로그인(세션)  두 기능의 핵심기능은 다르겠지만 공통적으로..
wono | discuss |
it dev spring

Spring Boot: 스프링 부트 공통 라이브러리 구축하기 (공통 모듈)

소프트웨어 개발 세계에서 DRY(Do not Repeat Yourself) 원칙은 효율적인 코딩의 핵심입니다. 앤디 헌트와 데이브 토마스가 그들의 기념비적인 책 "The Pragmatic Programmer"에서 만들어낸 DRY 원칙은 코드베이스 내의 반복을 줄이는 것의 중요성을 강조합니다. 이 원칙을 준수함으로써 개발자는 중복을 최소화하고 오류 발생 가능성을 줄이며 코드를 더 유지 보수하기 쉽게 만들 수 있습니다. DRY 원칙이 빛을 발하는 일반적인 시나리오는 마이크로서비스 아키텍처의 개발입니다. 마이크로서비스는 여러 서비스가 유사한 기능을 공유하는 경우가 많습니다. 이러한 기능은 유틸리티 함수, 보안 구성, 예외 처리, 공통 비즈니스 로직 등 다양합니다. 이러한 코드를 여러 서비스에 중복시키는 대신,..
wono | discuss |
it dev react context

[React.js] Context API를 이용하여 전역 상태 관리하기

Context API를 이용하여 전역 상태 관리하기들어가며리액트(React.js)에서 Context API를 이용하여 전역 상태 관리하는 방법을 정리해본다.Context API를 이용하면 따로 패키지를 설치하지 않고도 전역 상태를 관리할 수 있다. Context API개념컴포넌트 트리에서 전역 상태를 보다 쉽게 공유할 수 있는 기능을 제공하는 API이 방법을 이용하면, 프롭 드릴링(Props Drilling)을 피할 수 있다. 방법① context 파일 생성하기전역으로 사용할 상태를 정의하는 @Context.js@ 파일을 생성한다. ./src/context.jsimport { createContext, useContext, useState } from 'react';// (1) Context 생성하기co..
wono | discuss |
it dev shadcnui

[번역] shadcn/ui 의 해부

올해 자바스크립트 생태계를 돌아다니다 보면 shadcn/ui라는 흥미로운 UI 라이브러리를 접했을 것입니다. 이 라이브러리는 npm 패키지로 배포되지 않고, CLI를 통해 컴포넌트의 소스 코드를 프로젝트에 포함하는 방식으로 제공됩니다. 이 라이브러리의 제작자는 shadcn/ui의 공식 웹 사이트 내에 이러한 결정을 내리게 된 이유에 대해서 작성하였습니다…
wono | discuss |
it dev typescript props

Next.js에서 타입스크립트와 함께하는 함수형 컴포넌트의 모든 것

함수형 컴포넌트는 리액트 개발에서 가독성 높고 간결한 코드 구조를 제공합니다. 이 글에서는 Next.js 환경에서 자바스크립트와 ES6 화살표 함수를 사용한 함수형 컴포넌트의 구조, 타입스크립트를 활용한 속성 정의 방법, 그리고 함수형 컴포넌트의 여러 구성 요소 및 방식에 대해 알아봅니다.
wono | discuss |