원하는 키워드로 블로그 포스트를 검색해보세요.
> [!faq] java Collection Framework 란? > Java에서 데이터를 저장하는 자료구조들을 한 곳에 모아 편리하게 사용하기 위해 제공하는 List, Set, Map으로 구분할 수 있다. ![[Pasted image 20231023220222.p...
🚀 Next.js 15 출시: 웹 개발의 새로운 지평 2024년 10월 21일 출시된 Next.js 15는 웹 개발 경험과 애플리케이션 성능을 혁신적으로 개선하는 다양한 기능과 변경 사항을 도입했습니다. 특히 React 19 지원, Turbopack의 안정화, 그...
🔗 Next.js 기반 블록체인 애플리케이션 개발 가이드 > Next.js의 강력한 프론트엔드 기능과 블록체인 기술을 결합하여 NFT 마켓플레이스, 포인트 시스템 등 다양한 Web3 애플리케이션을 구축하는 방법을 상세히 안내합니다. 📋 목차 1. [개발 ...
💎 Next.js 개발자를 위한 블록체인 핵심 개념 > 블록체인 기술의 기본 원리부터 DApp(Decentralized Application) 개발에 필요한 핵심 용어까지, Next.js 개발자의 시각에서 정리합니다. 🧱 블록체인이란? 블록체인은 데이터(주...
🏦 Next.js와 함께하는 DeFi (탈중앙화 금융) 서비스 개발 가이드 > 전통 금융을 혁신하는 블록체인 기반 금융 서비스들을 Next.js와 Solidity로 구축하는 방법을 알아봅니다. 🌟 DeFi란 무엇인가? DeFi (Decentralized F...
🚪 모달(Modal)과 z-index의 한계 모달, 툴팁, 드롭다운 메뉴 등은 종종 부모 컴포넌트의 DOM 트리 바깥에 렌더링되어야 하는 UI 요소입니다. 일반적인 컴포넌트 트리 내에서 이를 구현하려고 하면, 부모 컴포넌트의 overflow: hidden이나 z-...
🤔 JSX의 규칙: 단일 루트 요소 React 컴포넌트에서 여러 엘리먼트를 반환하려면, 반드시 하나의 부모(루트) 요소로 감싸야 한다는 규칙이 있습니다. 이 때문에 종종 불필요한 <div> 태그를 추가하게 됩니다. javascript // ❌ 잘못된 예: 여러 ...
🐐 React Testing Library (RTL) 철학: 사용자처럼 테스트하라 React Testing Library (RTL)는 "테스트는 소프트웨어가 동작하는 방식과 유사해야 한다"는 핵심 원칙을 가지고 있습니다. 이는 구현의 세부 사항(예: 컴포넌트의 내...
🧪 React 컴포넌트 테스트, 왜 필요할까? 테스트 코드는 안정적인 애플리케이션을 만드는 데 필수적입니다. 특히 복잡한 상호작용이 많은 React 애플리케이션에서는, 새로운 기능 추가나 리팩토링 시에 기존 기능이 깨지지 않았는지 확인하는 회귀 테스트(Regres...
🚀 React에서 Three.js로 3D 웹 시작하기 최근 웹 트렌드 중 하나는 사용자에게 더욱 몰입감 있는 경험을 제공하는 인터랙티브 3D 웹입니다. Three.js는 WebGL을 기반으로 하는 강력한 JavaScript 3D 라이브러리로, 웹 브라우저에서 GP...
⚛️ React 핵심 개념: 컴포넌트, 상태, 그리고 훅 React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. "컴포넌트"라고 불리는 작고 고립된 코드 조각을 사용하여 복잡한 UI를 구성할 수 있습니다. ...
🚀 풀스택 개발자 워크플로우 > 효율적인 프로젝트 관리와 기술 성장을 위한 개발자 워크플로우 📁 프로젝트 라이프사이클 🎯 프로젝트 기획 단계 1. 요구사항 분석 - 기능 명세서 작성 - 기술 스택 선정 - 아키텍처 설계 2. 프로젝...
🚀 개발 프로젝트 허브 > 현재 진행 중인 프로젝트와 포트폴리오의 중심지 🎯 현재 진행 중인 프로젝트 🏆 취업 준비 (최우선) - 목표: 풀스택 개발자 (프론트엔드 중심) - 진행 상황: 포트폴리오 정리, 기술 면접 준비, 코딩테스트 대비 - 핵심 역...
📋 프로젝트 기획 및 아이디어 회고 > 다양한 프로젝트 아이디어 검토와 실제 구현으로 이어진 과정 정리 개발자로서 성장하면서 다양한 프로젝트 아이디어를 검토하고 실제로 구현해본 경험을 정리해보았습니다. 어떤 아이디어는 실제 프로젝트로 발전했고, 어떤 것은 학습의...
기존 완료 프로젝트 (GitHub) 1. Inssiders (인싸이더) - 트렌드와 밈의 중심지 - 기술 스택: - Frontend: TypeScript (React/Next.js) - Backend: Java (Spring Boot) - 인증 서버 ...
생성형 AI 란? - 생성형 인공 지능(생성형 AI)은 대화, 이야기, 이미지, 동영상, 음악 등 새로운 콘텐츠와 아이디어를 만들 수 있는 AI의 일종입니다. LLM 이란? LLM(대규모 언어 모델)은 텍스트의 이해와 분석을 중심으로 하는 고급 AI 기술입니다...
정보보호및 서비스 플랫폼 1. 정보보안 2. 클라우드 컴퓨팅 3. 인공지능 개요 정보보안 분류체계 - 관리적 보안 - 물리적 보안 - 논리적 보안 --- 클라우드 컴퓨팅 AWS, GCP, Azure 3개가 대표적으로 사용하며 국내에는 naver cloud...
인공지능에 관련하여 개발자가 이러한 AI에 대한 이해도를 바탕으로 AI로 무언가를 만들어낼 수 있는지, AI의 한계에 대해서 설명. 최근 생성형 AI 를 이용하여 개발자의 생산성을 어느정도로 끌어올릴 수 있는지 설명. ...
근로관계에 대해서 소개시켜주며, 근로형태에 따라서 어떠한 규제를 받는지 설명. ...
🌱 개발자 성장 및 커리어 관리 > 개발자로서의 성장과 커리어 발전을 위한 기록 공간 📁 영역별 구성 📝 개발 경험 에세이 - 프로젝트 회고록: 완성한 프로젝트에 대한 상세한 회고 - 기술 학습 후기: 새로운 기술을 배우며 겪은 경험과 인사이트 - 문...
📚 기술 학습 자료실 > 풀스택 개발자를 위한 기술 학습 자료와 참고 문서 저장소 📁 기술 스택별 자료 구성 ⚛️ Frontend - React Ecosystem - React 핵심 개념: 컴포넌트, 상태 관리, 라이프사이클 - Next.js: SSR/...
grid-template-rows -> 가로에 해당하는 폭을 지정 -> repeat(2, 100px); 2개를 100px로 지정하고 나머지는 auto값. grid-template-column -> 세로에 해당하는 폭을 지정 -> 100px minmax(100px, 3...
🚀 DevOps 기본 개념과 실천 방법 > 개발과 운영의 경계를 허물고 효율성을 극대화하는 DevOps 문화 이해하기 DevOps는 단순한 도구나 기술이 아닌, 조직 문화와 철학의 변화를 의미합니다. 이 글에서는 DevOps의 핵심 개념과 실제 적용 방법에 대해...
📸 Visual Assets Hub > 모든 프로젝트와 학습이 시각적으로 기록되고 활용되는 곳 📁 이미지 활용 체계 🚀 프로젝트별 시각 자료 dataview LIST FROM "images" WHERE file.name != "README" SORT ...
🎨 시각화 및 다이어그램 허브 > 아이디어를 시각화하는 창작 공간 - 생각을 그림으로, 개념을 다이어그램으로 개발자로서 복잡한 아이디어나 시스템 구조를 시각화하는 것은 매우 중요합니다. 이 공간에서는 다양한 프로젝트와 학습 과정에서 만든 시각 자료들을 체계적으로...
1. Map key,value 에 해당하는 자료형태로 많이 사용하는 자료구조 js const map = new Map(); // map 추가하기 map.set(1, { key: 'one', password: 'good' }); map.set(2, { key: 'tw...
모든 알파벳을 사용하는 문자열 검사 (100/100) 문자열 sentence 를 함수의 인자로 받는데 알파벳, 공백, 특수문자로 이루어져있다. - sentence 에서 사용하지 않는 소문자 알파벳들을 return. - 완벽한 문자열은 perfect return ...
DFS (Depth-first search, DFS) 그래프를 탐색하는 알고리즘의 하나로, 시작 정점으로부터 하나의 방향을 잡아 끝까지 탐색한 후 마지막 분기점으로 돌아와 다시 다른 방향으로 끝까지 탐색을 반복하는 방식. 1. 한 분기를 탐색한 후, 다음 분기로 ...
금융권 2020년 IT 정보보안에 입문하며, 다양한 보안 활동을 통해 기술의 깊이와 넓이를 탐구하였습니다. 이 과정에서 보안이 단순히 방어적인 역할만 하는 것이 아니라, 창조적인 개발 과정과 밀접하게 연결되어 있다는 것을 깨달았습니다. 이러한 깨달음은 저를 개발의 ...
1. "==" 와 "===" 의 차이는 무엇인가요? -> == 는 동등 연산자로, 두 값을 비교할 때 형변환을 수행. 즉 비교하는 값의 데이터 타입이 다르더라도 자동으로 형변환을 수행한 후에 비교한다. 이러한 형변환은 때로 예측하지 못한 결과를 초래할 ...
우리 회사에 지원한 이유는? E커머스 도메인으로 다양한 개발 경험을 하고 싶었으며 계속 확장하고 있는 커넥트웨이브 플레이오토를 접하게 되어 지원하게 되었습니다. 플레이오토 EMP 개발팀의 기술 교체 소식과 성장할 수 있는 회사라고 접하였고 저의 성장에 큰 도움이 될...
인성검사 결과가 프로젝트 수행능력은 높게 나왔는데 사람들과 협업할 때의 점수가 낮게 나왔는데요. 어떠신것 같나요? 제가 ...
동기 /태도 역량 관련 질문 : 기본 중의 기본 1. 가장 최선을 다했던 경험은 무엇인가요? -> 군복무 당시 구름에서 진행한 하반기 프로젝트와 군대 유격훈련과 겹치게 되면서 일정이 빠듯했습니다. 조금이라도 남는 시간이 있다면 사이버지식방에 가서 코딩을 하고 ...
tag: 알고리즘 > [!faq] 누적합 이란? > > - 말 그래도 구간의 누적합은 구하는 문제. > - 시간복잡도는 최악의 경우 O(n^2)의 시간복잡도를 가지며 일반적으로 사용되는 배열에 값을 저장하고 지정된 인덱스부터 하나씩 더해가는 방식이다. > - 하지만 ...
[[Java Lambda 가 무엇일까]] Java Stream 이란? - Java 8 API에 새로 추가된 기능이다. - 스트림을 이용하면 선언형으로 Collection 데이터를 처리할 수 있다. - 스트림을 이용하면 멀티스레드 코드를 구현하지 않아도 데이터를 투...
📁 기술 아카이브 보관소 > 과거 프로젝트와 기술 자료들의 보관소 - 경험과 학습의 기록 📁 아카이브 구성 ☕ Java & Spring - 과거 Java 프로젝트들: Spring Framework 기반 웹 애플리케이션 - Spring Boot 학습 자료...
<ALT + h> -> 버퍼를 가로로 분할하여 터미널을 엽니다. <ALT + v> -> 버퍼를 세로로 분할하여 터미널을 엽니다. <ALT + i> -> 플로팅 탭(가운데 창)에서 터미널을 엽니다. <CTRL + n> -> 탭 바를 열고 닫을 수 있다. <SHIFT + ...
🚀 웹 성능 최적화 완벽 가이드 > 사용자 경험을 향상시키고 비즈니스 성과를 높이는 웹 성능 최적화 전략 웹 개발을 하다 보면 기능 구현에만 집중하게 되는 경우가 많습니다. 하지만 아무리 좋은 기능이라도 느린 로딩 속도 때문에 사용자가 떠나버린다면 의미가 없겠죠...
SQL 기본 개념과 실무 활용 🗄️ 데이터베이스 기본 개념 관계형 데이터베이스(RDBMS)란? 관계형 데이터베이스는 데이터를 테이블 형태로 저장하고 관리하는 시스템입니다. 각 테이블은 행(Row)과 열(Column)로 구성되며, 테이블 간의 관계를 통해 복...
Supabase + Next.js 풀스택 개발 가이드 🚀 개요 Supabase는 Firebase의 오픈소스 대안으로, PostgreSQL 기반의 백엔드 서비스를 제공합니다. Next.js와 함께 사용하면 강력하고 확장 가능한 풀스택 애플리케이션을 빠르게 구축할...
언어 선택 백엔드 개발 취준을 하기로 선택을 하고 코딩 테스트를 준비하고 있기에 Java 언어에 좀 더 친숙해져야 하기에 Stream, Collection, 자료구조 에 대해서 조금 더 알아가는 계기가 되었으면 좋겠다는 바람에 Java 를 선택하였다. Java ...
==⚠ Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠== Text Elements %% Drawing json { "type": "excalidraw", "version"...