본문 바로가기

분류 전체보기54

네이버 부스트캠프를 마치며(9기, 웹모바일) 오늘은 6개월간의 긴 부스트캠프 일정을 마치고 난 후기를 작성하려고 합니다. 1차 문제 해결력 테스트, 2차 문제 해결력 테스트, 챌린지 + 3차 문제 해결력 테스트 총 3번의 테스트를 거쳐 멤버십 과정에 합격했습니다. 부스트캠프 지원부스트캠프에 지원하게 된 계기에 대해 먼저 말씀드리겠습니다. 올해 4학년이 된 저는 아무것도 모르던 시절에 처음 Spring Boot를 접해본 인턴 경험 한 번과, 그 경험을 바탕으로 졸업 작품을 만들어본 경험밖에 없어서 할 줄 아는게 아무것도 없었습니다. 그래서 취업전에 목표는 부트캠프를 하나 수료하여 공부하는 법을 배우고, 인맥도 늘리는 것이었습니다. 그렇게 저는 소프트웨어 마에스트로, SSAFY, 네이버 부스트캠프, 우아한 테크 코스 등의 부트캠프 후기를 엄청 찾아 보.. 카테고리 없음 2025. 1. 15.
[TypeScript] 속성 검증 라이브러리 비교 분석 목차라이브러리 개요기능 비교성능 분석사용 사례라이브러리 개요1. Zodimport { z } from "zod";const UserSchema = z.object({ id: z.string().uuid(), email: z.string().email(), age: z.number().min(0).max(120)});2. Joiimport * as Joi from 'joi';const schema = Joi.object({ username: Joi.string().min(3).max(30).required(), email: Joi.string().email().required()});3. Yupimport * as yup from 'yup';const schema = yup.object({ na.. 카테고리 없음 2025. 1. 7.
[Cloud Canvas] Strategy와 Factory 패턴 적용 Ncloud 리소스를 Terraform으로 변환하는 과정에서 리소스 파싱 로직의 문제점을 발견하고, 이를 개선하기 위해 디자인 패턴을 적용한 리팩토링 과정을 공유하고자 합니다.문제 발견1. 단일 함수에 모든 로직 집중export function parseToNCloudModel(resource: any): NCloudModel { const { type, properties } = resource; switch (type.toLowerCase()) { case 'vpc': return new NCloudVPC({ ... }); case 'subnet': return new NCloudSubnet({ ... }); //.. 카테고리 없음 2025. 1. 7.
[부스트캠프] 클라우드를 GUI로 설계 가능한 Cloud Canvas Cloud Canvas는 클라우드 인프라를 GUI로 손쉽게 설계하고, 이를 Terraform 코드로 자동 변환할 수 있는 도구입니다. 주요 기능은 아래와 같습니다. 🎨 직관적인 UI/UX클릭 몇 번으로 누구나 쉽게 클라우드 인프라를 설계할 수 있습니다.💻 Terraform 코드 변환설계한 인프라를 자동으로 Terraform 코드로 변환하여 사용할 수 있습니다.🤝 협업 및 재활용인프라 허브를 통해 다른 사용자들과 설계도를 공유하고 수정하며 효율적으로 협업할 수 있습니다.  다음으로 실행 화면에 대해서 보여드리겠습니다.  리소스 배치왼쪽 탭에서 원하는 리소스를 골라 배치하는 장면입니다.   리소스 속성 설정원하는 리소스를 클릭하여 속성 창에서 해당 리소스의 속성을 설정하는 장면입니다.   노드 삭제 및.. 카테고리 없음 2024. 12. 20.
웹의 3요소(HTML, CSS, JavaScript) 완벽 가이드 ## 목차1. [웹의 3요소 개요](#웹의-3요소-개요)2. [HTML: 웹의 구조](#HTML-웹의-구조)3. [CSS: 웹의 표현](#CSS-웹의-표현)4. [JavaScript: 웹의 동작](#JavaScript-웹의-동작)5. [세 요소의 상호작용](#세-요소의-상호작용)## 웹의 3요소 개요웹 페이지는 크게 세 가지 핵심 요소로 구성됩니다:- HTML: 구조- CSS: 디자인- JavaScript: 동작이는 마치 인체의 뼈대, 피부, 근육과 같은 역할을 합니다.## HTML: 웹의 구조HTML(HyperText Markup Language)은 웹 페이지의 기본 구조를 정의합니다.### 기본 예제```html    안녕하세요    이것은 단락입니다.            목록 항목 1        .. 카테고리 없음 2024. 12. 15.

티스토리툴바