본문 바로가기

프론트엔드부트캠프

(71)

코드스테이츠 프론트엔드 부트캠프 후기 (CodeStates SEB, KDT 국비지원과정) KDT(K-Digital Training) 국비지원 과정으로 코드스테이츠 프론트엔드 부트캠프를 수료한지 약 2개월 정도가 지났다. 수료 후 후기를 작성하려고 생각은 하고 있었는데, 마음처럼 움직여주지 않던 게으름과 코드스테이츠가 다시 국비지원 과정이 사라짐으로써 이 글을 누가 보려나~ 하는 생각에 미뤄두고 있었는데, 나의 TodoList에 매번 업데이트 되듯 “코드스테이츠 수강 후기 작성하기”가 거의 두 달 째 따라오고 있어 그 모습을 더는 볼 수가 없어 얼른 해치워버리기로 했다. 나는 지난 4월부터 10월까지 개발 부트캠프를 운영하는 “코드스테이츠”에서 웹 프론트엔드 과정을 학습했다. 사실 부트캠프 4개월 쯤 지나고, 팀 프로젝트에 진입하기 전 “코드스테이츠 프론트엔드 부트캠프 4개월 수강 후기(팀 프..

[Career Section] 5일간의 커리어섹션과 수료식 & 프론트엔드 부트캠프 수료 후기 부트캠프를 시작한지가 엊그제 같은데, 어느 새 마지막을 향해 달려가고 있었다. 4개월 간의 프론트엔드 개발 학습과, 2개월 간의 협업을 위한 팀 프로젝트를 지나 일주일간의 취업을 위한 커리어 섹션이 시작되었다. 취업을 위한 이력서 작성법과 자기소개서, 포트폴리오, 면접 특강 등이 진행되었고, 그룹 컨설팅과 신청자 모의 면접 등의 시간도 있었다. 5일간의 커리어 섹션과 수료식을 마지막으로 기록해볼까 한다. 🗓️ 9/25 월 1. 커리어섹션 시작, 이력서 작성 - 코드스테이츠 측에서 노션 이력서 샘플을 제공해주었다. (제공된 이력서를 따라하면 너무 일관된 형태가 될 것 같아서 나는 기존에 만들고 있던 노션 이력서를 수정/보완하는 형태로 작성을 했다. 퍼블리셔로 이직을 하기 위해 작성해두던 이력서가 있었는데 ..

Section4 Unit7 [Deploy] CI/CD - Proxy 설정해 HTTP 통신하기 Section4 Unit7 [Deploy] CI/CD - Proxy 설정해 HTTP 통신하기 📌 Chapter4. Proxy • 프록시 서버는 클라이언트가 자신을 거쳐 다른 네트워크에 접속할 수 있도록 중간에서 대리해주는 서버를 말한다. 서버와 클라이언트 사이에서 대리로 통신을 수행해주는 것을 proxy라고 하고, 그 기능을 하는 서버를 proxy 서버라고 한다. • 브라우저에서 기본적으로 API를 요청 할 때에는 브라우저의 현재 주소와 API 주소의 도메인이 일치해야만 데이터에 접근 할 수 있다. 만약 다른 도메인에서 API를 요청해서 사용 할 수 있게 해주려면 CORS 설정이 필요하다. ⭐️ 과제. Proxy 설정해 HTTP 통신하기 ✔️ Bare Minimum Requirement 과제1 📁api ..

Section4 Unit7 [Deploy] CI/CD - Github Actions 실습 Section4 Unit7 [Deploy] CI/CD - Github Actions 실습 📌 Chapter1. 개발 프로세스 • 개발 프로세스, 즉 소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)를 기반으로 만들어졌다. • 전통적인 개발 프로세스로 워터풀 방식이 있고, 모던 개발 프로세스로 애자일이 있다. 📌 Chapter2. CI/CD • 지속적 통합(Continuous Integration, CI) 개발자를 위한 자동화 프로세스 (Code - Build - Test 단계) CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 리포지토리에 통합되므로 여러 명의 개발자가 ..

Section4 Unit6 [Deploy] Amazon Web Service Section4 Unit6 [Deploy] Amazon Web Service 📌 Chapter1. AWS Regulations • AWS 실습 관련 규정 및 가이드라인 안내 🙂 📌 Chapter2. Amazon Web Service • 아마존 웹 서비스(AWS)란 아마존이 자사의 노하우를 살려 제공하고 있는 ‘클라우드 컴퓨팅 서비스’를 의미한다. AWS에는 컴퓨팅, 스토리지, 데이터베이스, 분석, 네트워킹, 모바일, 개발자 도구, 관리 도구, IoT, 보안, 엔터프라이즈 애플리케이션 등 다양한 서비스가 준비되어 있으며, AWS의 다양한 서비스를 조합하여 모든 애플리케이션과 인프라를 구축할 수 있다. 일전에는 여러 사업자에게 각각 빌려야 했던 인프라를 일괄로 빌릴 수 있게 됐으며, 필요에 따라 운영체제(O..

Section4 Unit5 [TypeScript] 기초 - 타입스크립트 시작 Section4 Unit5 [TypeScript] 기초 - 타입스크립트 시작 📌 Chapter1. TypeScript • TypeScript는 JavaScript에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가하여 개발된 언어로, JavaScript가 발전하면서 생긴 단점을 보완하기 위해 등장하게 되었다. VSCode에서 TypeScript 환경 설정하기 👾 VSCode에서 TypeScript 환경 설정하는 방법 본격적으로 TypeScript 학습을 하기 위해 VSCode에서 환경 설정을 했다. 과정이 마냥 단순한건 아닌것 같아서 정리를 해두기로 했다. 혹시나 다음에 다시 보 fay-story.com 타입스크립트 학습을 위한 VSCode 환경설정 하는 방법을 따로 기록해두었다 :) ..

Section4 Unit4 [UX/UI] Design System - 디자인 시스템 구축하기 Section4 Unit4 [UX/UI] Design System - 디자인 시스템 구축하기 📌 Chapter3. 디자인 시스템 구축하기 • 디자인 시스템을 도입하기 좋은 시기 : 제품군 및 기능이 확장될 때, 관련된 인원이 늘어날 때, 채널이 확장될 때 ⭐️ 과제. 디자인 시스템 구축하기 지난 과제였던 Component Library는 겨우 어떻게 해서 제출을 했는데, 이번 과제인 디자인 시스템 구축하기는 할 엄두가 안나서 포기했다. 어떤 부분이 할 엄두가 나지 않았냐하면, 스토리북을 사용하는데서 막혔다. 라이브 세션 강의를 보고 스토리북을 세팅하고, 컴포넌트 하나를 만들기는 했는데 글쎄... 지난 Section3 에서도 스토리북을 제대로 보지 않아서 이번 Section에서 다시 해보려니 빈 스케치북에..

Section4 Unit4 [UX/UI] Design System Section4 Unit4 [UX/UI] Design System 📌 Chapter1. Design System • 디자인 시스템(Design System)은 디자인 원칙부터 재사용할 수 있는 UI 패턴과 컴포넌트, 코드로 구성된 시스템을 의미한다. 이는 전체 서비스에 효율적이고 일관된 디자인을 적용할 수 있도록 도와준다. • 디자인 시스템을 사용하면, 1. 디자이너와 개발자는 문서 혹은 툴킷 형태를 기반으로 디자인 시스템을 공유해 이를 참고하며 서로의 작업에 대한 이해를 높일 수 있고, 따라서 프로젝트의 진행 속도가 빨라지며, 팀원 간의 소통과 협업이 원활해지는 등 팀 간의 원활한 협업을 촉진할 수 있다. 2. 디자인 시스템에 따라 제품이 만들어지면, 사용자들은 시간이 지남에 따라 서비스의 일관된 디자..

이전 1 2 3 4 ··· 9 다음

티스토리툴바