12월 2주차 (Vue)

진행 목표

1. 프로그래머스의 과제와 강의를 최우선적으로 학습
   ->  다른데 눈독 들이지 말고 집중해서 주어진 과제와 강의에 집중 ☆☆☆
   
   
2. 유데미 리액트 강의 한번 듣기
   -> 남는 시간에 틈틈히 보기

 

금주 진행 완료

• 프로그래머스 데브코스 3기 8주 차 - Veu 챕터 및 과제 종료
  
  
• 프로그래머스 데브코스 3기 수업 및 실습 (매일 13:00 ~ 19:00 + 특강)
  
  
• 유데미 리액트 특강 들으면서 리액트 한번 복습하기

 

---

차주 진행 예정

10월 프로그래머스 프론트엔드 데브 코스 3기
2022년 10월 14일(금) ~ 2023년 3월 15일(수), 5개월간
https://school.programmers.co.kr/learn/courses/14714

[3기] K-Digital Training: 빅데이터 플랫폼 프론트엔드 엔지니어링

프로그래머스 데브코스 3기 9주차 - React 시작

 

• 🧡 프로그래머스 데브코스 프론트엔드 3기 🎈🎈🎈
  
• 🧡 유데미 특강 한번 듣기 (5시간 요약본 보고 시간남으면 다른거 조금 더 보기) 🎈🎈

 

 

 

---

한주의 사설

이번주는 방학과 더불어 Vue에 대한 기초지식과 간단한 사이트 구현이 과제였다.

 

https://vue-movieapp.vercel.app/

Vite App

Vue는 한번 사용해보고 어떤 방식으로 구현하는지 간단히 알아볼 수 있는 과제였다.

과제 중 Open Graph 혹은 Twitter Cards로 Meta 정보를 제공하는 강의가 있었고

 

이번에 적용해볼까 했지만 오히려 리액트를 더 공부하고 싶어져서 일단 보류하기로 했다.

 

 

Vue 강의에서 사용되었던 문법은 optional API를 사용하는 방법이였고

 

최근 추가된 Composition 이라는 사용법이 있다는 사실을 알게 됬다.

 

vue 공식문서에서도 확인가능

무엇보다 눈여겨 보았던 건 Vue에서 추가된 이러한 Composition API와

 

최근 리액트에서 추가된 HOOK을 통해 둘 다 관심사 분리와 재사용성이라는 점에 초점을 두고 있으며

 

Class로만 작동하던 기존 방법을 떠나 함수형으로도 충분히 작성 가능한 방향으로 발전하고 있는점이 인상깊었다.

 

https://www.syncfusion.com/blogs/post/vue-composition-api-vs-react-hooks.aspx

Vue Composition API vs. React Hooks | Syncfusion Blogs

 

이전 리액트로만 공부를 해왔던 나이기에 Vue의 클래스형은 새롭고 참신하다고 생각했고

 

이번 과제를 이전 optional 방식으로 작성해볼까 고민했지만

 

오히려 추세상으로는 새로운 함수형 방식으로 넘어가고 있는 것 같다고 느껴서

 

Script setup을 넣어 리액트와 유사한 형식으로 만들어봤다.

 

 

이번 방학이 끝나고 목요일부터 드디어 3달에 가까운 기간동안

 

React를 본격적으로 다루게 된다.

 

(리액트 3주 + 팀프로젝트 1차 3주 + 데이터 시각화 (with 리액트) 2주 + 팀프로젝트 2차 4주)

 

리액트와 더불어 이전에 하다가 실패했던 넥스트로 만드는 팀프로젝트를 꼭 진행해보고 싶다.

---

학습 목표 (진행 예정)

https://patterns-dev-kr.github.io/

Home

1순위 -> 디자인 패턴 학습하기

2순위 -> 리액트 강좌 수강

---