본문 바로가기
내일배움캠프/축구팀 관리 프로젝트

내일배움캠프 최종프로젝트 3일차 - 새로운 기술을 익히는 방법들

by 코드스니펫 2024. 1. 14.
반응형

내일배움캠프 최종프로젝트 3일차 - 새로운 기술을 익히는 방법들

 

내일배움캠프 로고

 

 

생소한 기술을 익숙하게 하기 위해서는 다양한 방법이 있을 텐데요. 전날 잠깐 알아본 스벨트에 대해 좀 더 친숙해지기 위한 필자의 다양한 방법을 기록해보았습니다.

 

내일배움캠프 최종프로젝트 3일차

 

 

내일배움캠프 최종프로젝트 2일차 - 역할 분담, 스벨트에 대해

내일배움캠프 최종프로젝트 2일차 - 역할분담, 스벨트에 대해 토요일에도 팀원 모두가 아침일찍 모여 어제 못다한 기획을 정리하였습니다. 지금도 아직 작업이 다 끝난건 아니지만 오늘 있던 일

lemonlog.tistory.com

전날 기록 입니다

 

전날 프로젝트 역할을 분담 받고, 작업시작과 함께 스벨트에 대해 알아보는 시간을 가졌습니다. 예약 CRUD는 어느정도 작업을 마친 상태고, 자세한 피드백 및 수정사항은 다음날 팀원과 상의해야 할 것 같습니다.

 

그 다음, 스벨트에 대해 좀 더 깊이 알아보기로 했습니다. 전날 스벨트가 어떤건지 어떤 장점이 있는지 대략적으로 이해한 상태에서 기초적인 사용법을 배워보기로 했습니다.

 

 

스벨트 알아가는 과정

 

1. 공식문서

가장 먼저 공식문서를 봤는데,

 

 

Introduction • Docs • Svelte

Edit this page on GitHub On this page On this page Welcome to the Svelte reference documentation! This is intended as a resource for people who already have some familiarity with Svelte and want to learn more about using it. If that's not you (yet), you ma

svelte.dev

 

영어는 아직까지도 눈에 잘 안들어왔습니다.(빨리 익숙해질 필요가 있어 보입니다) 그렇게 찾다가 한국분이 작성한 스벨트 기초문법 정리해놓은 블로그를 찾을 수 있었습니다.

 

 

2. 기술 블로그

 

/tech/svelte/

Front-End 개발자 Beomy의 기술 블로그입니다.

beomy.github.io

 

이 블로그는 vue.js와 svelte 코드를 비교하면서 svelte가 얼마나 직관적인 코드인지 보여주고 있는게 특징입니다. 그리고 한국어로 되어 있기 때문에 이해하기도 쉬웠습니다. 

 

 

위 애니메이션 같은 효과도 이해하기 쉽게 소개해주어 svelte의 다양한 기능을 둘러볼 수 있었습니다. 위 블로그에 소개된 다양한 기능들을 여러 사용해보며 svelte 코드에 익숙해져보는 시간을 가졌습니다.

 

svelt test page

 

 

3. 영상

몇 번 끄적여보고 다음으로 여러 영상을 보았습니다. 전날 보던 영상을 다시 살펴보고, 

 

 

 

노마드 코더에서 소개하는 스벨트도 둘러보고,

 

 

아래 영상까지 살펴보게 되었습니다. 특히 아래 영상을 통해 svelte에서 문법 익히기 위한 tutorial 페이지가 있다는 사실을 알게 되었습니다.

 

 

 

 

Welcome to Svelte • Svelte Tutorial

Welcome to the Svelte tutorial! This will teach you everything you need to know to easily build web applications of all sizes, with high performance and a small footprint. You can also consult the API docs and the examples, or — if you're impatient to st

learn.svelte.dev

Svelte Tutorial 페이지

 

대부분의 새로운 기술을 익히기 위해서는 위 과정을 꼭 거치는 듯 합니다. 당연한 거겠지만 막상 정리하고 보니 생각보다 중요한 과정이라는 생각이 들었습니다. 

 

▼ 이전 진행한 프로젝트들 ▼

 

 

내일배움캠프 Node트랙 심화 프로젝트 역할 및 진행사항

내일배움캠프 Node트랙 심화 프로젝트 역할 및 진행사항 이번 프로젝트는 팀 프로젝트로 Node트랙 심화 프로젝트를 진행하게 되었습니다. 프로젝트를 시작하며 팀에서 맡은 역할과 현재 진행사항

lemonlog.tistory.com

 

 

내일배움캠프 NestJS 프로젝트 코드리뷰 - 온라인 공연 예매 서비스

내일배움캠프 NestJS 프로젝트 코드리뷰 - 온라인 공연 예매 서비스 내일배움캠프를 진행한지도 벌써 3개월 정도로 접어들고 있습니다. 이 글에서는 내일배움캠프에서 필자가 진행한 NestJS 개인

lemonlog.tistory.com