KB IT's Your Life

Visual Studio Code & 확장팩 실습 환경 구축, 웹 페이지 기본 구조와 작성 방법, HTML5 기본 태그, Prettier

HTTP 프로토콜, 입력 양식 태그와 HTML5 문서 구조화, 태그, 프로퍼티

CSS 기초, CSS 속성, 선택자, display, float

다양한 레이아웃의 구성과 기능, 수평, 중앙, One True 정렬 레이아웃, 이미지 크기 조정, 반응형 웹

자바스크립트 기본 문법, 웹브라우저 alert, 개발자 도구 console, for문, 콜백 함수

문서 객체 모델, Node.js 개발환경 구축, document.querySelector(선택자), document.querySelectorAll(선택자), textContent, innerHTML, 이벤트 연결

Node.js 개발환경 구축, 자바스크립트 기초 문법과 모듈, 화살표 함수, 콜백함수, 프라미스, async / await

path, File System 모듈, 디렉토리 관리, 버퍼와 스트림, 노드와 비동기 처리, 이벤트 루프

Vue.js 소개, Vue.js를 위한 ES6, ECMAScript6, let과 const, 기본 파라미터와 가변 파라미터, 구조분해 할당, 객체 리터럴, Proxy

Vue.js 기초와 Template, 보간법, Vue 디렉티브, v-text, v-html 디렉티브, v-bind 디렉티브, v-model 디렉티브, 수식어, v-show & v-if, v-for 디렉티브, Proxy....

Vue 인스턴스, data 옵션, 계산된 속성, 메서드, 관찰 속성, 이벤트 처리, 이벤트 전파와 버블링, 이벤트 수식어

부트스트랩이란? HTML, CSS, JavaScript로 구성된 프론트엔드 프레임워크야! 쉽고 빠르게 반응형(모바일 친화적인) 웹사이트를 만들 수 있도록 도와주는 라이브러리야. CSS를 직접 작성하지 않아도 예쁜 디자인 적용 가능하다는 이유로 많이 사용하지.

Vue.js에서의 스타일 적용 방법 3가지 1. HTML의 스타일 속성 바인딩 2. CSS 클래스 바인딩 3. 동적 스타일 바인딩 => 스타일을 동적으로 변경하거나 조건에 맞게 바인딩할 수 있다

1. project 생성 및 이해 - 어떤 파일이 어디에 있는지 알기 2. 부모 → 자식 `property` 3. 자식 → 부모 `이벤트` 4. 컴포넌트? - 뭘 컴포넌트로 정의를 내려야 하느냐 - 정답은 없고 경험 . .

<style scoped>, 부모 컴포넌트와 자식 컴포넌트 사이의 정보 교환 방법 → props와 이벤트 / 부모 컴포넌트에서 자식 컴포넌트로 템플릿 정보를 전달하는 방법 → 슬롯, 기본 슬롯, 네임드 슬롯, 스코프드 슬롯, v-model, provide, inject

Vue 컴포넌트를 더 유연하고 깔끔하게 만들 수 있게 해주는 새로운 방식: Composition API, Vue.js의 예전 방식(Options API)은 data, methods, computed, watch 등을 하나의 객체 안에 정의함 -> setup()

Vue는 SPA(Single Page Application, 단일 페이지 애플리케이션) 방식이라 페이지가 새로고침 없이 동작하는데, 이때 Vue Router를 사용하면 페이지 이동처럼 보이게 만들 수 있다.

Vue Router는 SPA 방식이라서, 페이지를 새로고침하지 않고도 경로를 변경 O -> createWebHistory()를 사용하면, 브라우저의 히스토리 API(pushState, replaceState)를 활용해서 해시(#) 없이 깔끔한 URL을 사용할 수 있다

Axios는 브라우저와 Node.js에서 사용할 수 있는 Promise 기반 HTTP 클라이언트이다. CORS 문제는 Axios로 다른 도메인의 리소스를 요청할 때 발생하며, 서버에서 Access-Control-Allow-Origin 헤더를 설정해야 해결된다.

Pinia란? Pinia는 Vue.js에서 사용하는 상태 관리 라이브러리쉽게 말해, 컴포넌트 간 데이터를 편하게 공유할 수 있도록 도와주는 도구

KB IT's Your Life 6기를 시작하기 전부터, 시작하고 나서, 기자단까지!

자바의 상속은 기존 클래스(부모 클래스)의 필드와 메서드를 새로운 클래스(자식 클래스)가 물려받아 재사용하거나 기능을 확장할 수 있게 해주는 객체지향의 핵심 개념이다. 코드 중복을 줄이고 유지보수를 쉽게 하며, 다형성과 추상화 구현에도 활용된다.

KB IT 아카데미 – IT 취업교육의 시작, KB IT's Your Life 6기 네트워킹 캠프? 팀 빌딩 프로그램, 레크레이션, 전문가 특강

Java에서 멀티 스레드를 다룰 때 Runnable 인터페이스를 구현하는 방법에 대한 궁금증에서 시작🤔 Runnable을 사용하여 스레드를 실행하는 방식은 상황에 따라 다르게 선택할 수 있다. 익명 구현 객체, 재사용

IT 취업을 희망하는 청년들에게 실질적인 기회를 제공하는 KB IT 아카데미, KB IT's Your Life 6기의 또 하나의 컨텐츠, 알고리즘 특강 수업. 개발남노씨의 알고리즘 특강 수업에 대한 생생한 후기

macOS에서 MySQL 설치부터 CLI 연동, 샘플 데이터베이스 불러오기까지 -> 개발을 하다 보면 로컬에서 MySQL을 실행하고, CLI에서도 명령어를 편하게 쓰고 싶을 때가 많다. 특히 macOS 환경에서는 Windows와 다르게 몇 가지 수동 설정이 필요하다.

KB IT's Your Life에서는 가끔 반별 단합과 재미를 위해 이벤트를 진행해 줍니다. 이번 반별 이벤트는 스피드 게임! 5/15 스승의 날 기념으로 진행해 주신 이벤트입니다. 반별 이벤트 소개부터 참여 소감까지 꾹꾹 눌러 담아봤습니다.

벌써 첫 알고리즘 평가가 진행되었습니다. 시험 준비 과정부터 실제 응시 후기, 느낀 점까지 6주간의 성장 기록을 담았습니다. 알고리즘 공부가 막막하게 느껴졌던 분들에게 작게나마 도움이 되길 바라며, 시험 준비 팁과 소감도 함께 공유합니다!

1차 전문가 특강에서는 헤드헌터 정구철 강사님을 통해 AI 기반 이력서·자기소개서 작성법과 최신 채용 트렌드를 배웠습니다. 실제 사례와 함께 실무 중심의 조언을 들으며, 경쟁력 있는 이력서와 자기소개서를 준비하는 데 좋은 인사이트를 얻을 수 있었습니다.

“그 돈, 어디에 썼는지 기억나시나요?” KB IT's Your Life 6기에서의 첫 프로젝트, vue와 json-server 그리고 팀 협업을 통해 단 5일 만에 완성한 반응형 가계부 웹앱 '내돈내쓴’의 개발기입니다.

KB IT’s Your Life 과정 중 진행된 교과목 평가와 모듈 평가에 대해 소개하려고 합니다. 단순한 이론 시험부터 실제 기능을 구현하는 실습 시험까지, 각각 어떤 방식으로 이루어졌고 어떤 점이 인상 깊었는지, 직접 경험해보며 느낀 점들을 솔직하게 담아봤습니다.

AOP? 로깅, 트랜잭션, 보안 검사 등 여러 메서드에 공통적으로 사용되는 기능(관심사)을 핵심 비즈니스 로직과 분리하여 모듈화하고, 실행 시 자동으로 삽입함으로써 코드의 중복을 줄이고 유지보수를 쉽게 해주는 프로그래밍 기법

프론트엔드로서 스웨거를 활용해오다 이번엔 백엔드에서 직접 설정하며 API 문서 자동화의 흐름을 처음부터 경험했습니다. 단순한 문서 생성 도구를 넘어, 협업과 테스트, 명세 관리까지 유기적으로 연결해주는 Swagger의 진짜 매력을 느낄 수 있었던 경험을 정리했습니다.

2차 전문가 특강을 통해 기술 그 자체보다 ‘왜’와 ‘어떻게’에 집중하는 사고가 중요하다는 걸 느꼈습니다. 배운 인사이트를 바탕으로, 사람 중심의 문제 해결과 실천으로 이어가는 개발자에 대한 생각을 할 수 있는 시간이었던 특강에 대해 소개해 드리겠습니다.

백엔드 개발, 처음부터 직접 경험해봤습니다. 앱 프론트엔드 개발자였던 제가 KB IT’s Your Life 교육을 통해 백엔드 개발에 도전했습니다. 서버, DB, 인증까지 직접 구현하며 시스템의 흐름을 이해하고 협업 감각을 키운 후기, 지금 시작합니다!

‘KB IT’s Your Life 6기’ 종합실무 프로젝트에서 금융권 관련 주제를 바탕으로 실제 IT 서비스 기획부터 디자인, 개발, 발표까지 팀과 함께 경험하며 실무 역량을 키우고 있습니다. 프로젝트 진행 과정과 배운 점들을 차근차근 공유해드리겠습니다.

주말 멘토링을 통해 현업 전문가들과 함께 프로젝트를 점검하고 방향성을 구체화할 수 있는 소중한 시간을 보냈습니다. 실현 가능성, 사용자 관점, 운영 구조 등 실무 중심의 피드백을 통해 한층 더 완성도 높은 결과물을 향해 나아가고 있는 과정이 궁금하다면, 참고해보세요!

처음 KB IT’s Your Life 6기 기자단으로 활동을 시작해 첫 게시글을 올렸던 때가 얼마 지나지 않은 것 같은데, 벌써 활동 후기를 쓰고 있네요. 교육도, 기자단도 어느덧 종료를 앞두고 있는 만큼, 마지막까지 최선을 다해 마무리하고 싶습니다.

취업 특강을 통해 포트폴리오 준비 전략부터 회고의 중요성까지, 실질적인 배움과 깨달음을 얻었습니다. 기자단 마지막 미션으로, 이번 경험을 돌아보며 느낀 솔직한 후기를 전합니다.

KB IT’s Your Life 덕분에 달라진 나의 금융 IT 커리어 이야기 (7기 모집 안내) 금융 IT 분야로 진로를 고민하거나, 개발·디지털 역량을 제대로 키워보고 싶다면 KB IT’s Your Life라는 선택지도 좋다고 생각한다! 나 역시 막연하게 금융권 취업에 관심은 있었지만, 어디서부터 어떻게 시작해야 할지 몰라 고민하던 시기에 KB IT’...