Revision as of 12:30, 18 March 2022

OMS

최민준 학우님 : '비-웹개발자의 Nuxt 찍먹 후기'
- 다음 주자: 방석현 학우님

내용

왜 시작했나

프론트엔드 경험을 쌓고 싶었음
기존에 사용하던 티스토리가 질림

Vue

Angular, React, Vue 중에 Vue를 선택함
React virtual DOM + Angular Two-way data binding
HTML + CSS + JS

Nuxt

기존 Vue의 불편한 점 해소
자동 Routing

TailwindCSS

미리 만들어진 CSS class들을 불러와서 사용가능
디자인하기 쉬움
공식문서에 친절히 나와있어서 사용하기도 쉬움

Netlify

정적사이트 배포
무료 배포 및 커스텀 URL사용가능

참고해볼만한 자료

Nuxt: 공식 홈페이지
TailwindCSS: 공식 홈페이지

Q&A

Q: 웹 개발을 해본적이 없는데 그래도 해볼 수 있을까요? A: 저는 Flutter말고 따로 공부해본적이 없는데 UI를 그리는 기본적인 개념만 있으면 공식문서에 나와있는대로 쉽게 따라할 수 있습니다.

Q: JS 기본지식없이 시작해도 되나보군요 A: JS 코드들도 쓰이는 애들만 쓰여서 걔네들만 잘 이해하고 구현할 줄 알면 충분히 할 수 있습니다.

Q: 라우팅이 필요없는게 많이 체감되나요? A: Vue를 따로 많이 사용해본게 아니긴 하지만 오히려 초보자의 입장에서는 손이 덜가서 좋았습니다.

Q: JS랑 Jekyll 공통점과 차이점은 무엇인가요? A: Jekyll은 이미 만들어진 template을 가져와서 사용해본게 다라서 정확한 비교는 힘들 것 같습니다.

Q: 정적 페이지 기반이라서 가변값 불러오거나 댓글과 같은 기능 구현이 어렵지 않았나요? A: 따로 가변값을 필요로 하지 않아서 공부는 못해봤습니다. 근데 댓글 구현은 Nuxt에 package가 있어서 불러와서 사용하면 됩니다.

참가자

최민준, 김동영, 김도엽, 방석현, 채승운

@@ Line 12: / Line 12: @@
 == Vue ==
 * Angular, React, Vue 중에 Vue를 선택함
+* React virtual DOM + Angular Two-way data binding
+* HTML + CSS + JS
 == Nuxt ==
+* 기존 Vue의 불편한 점 해소
+* 자동 Routing
 == TailwindCSS ==
+* 미리 만들어진 CSS class들을 불러와서 사용가능
+* 디자인하기 쉬움
+* 공식문서에 친절히 나와있어서 사용하기도 쉬움
+== Netlify ==
+* 정적사이트 배포
+* 무료 배포 및 커스텀 URL사용가능
+== 참고해볼만한 자료 ==
 * Nuxt: 공식 홈페이지
 * TailwindCSS: 공식 홈페이지
-== 참고해볼만한 자료 ==
+== Q&A ==
+Q: 웹 개발을 해본적이 없는데 그래도 해볼 수 있을까요?
+A: 저는 Flutter말고 따로 공부해본적이 없는데 UI를 그리는 기본적인 개념만 있으면 공식문서에 나와있는대로 쉽게 따라할 수 있습니다.
+Q: JS 기본지식없이 시작해도 되나보군요
+A: JS 코드들도 쓰이는 애들만 쓰여서 걔네들만 잘 이해하고 구현할 줄 알면 충분히 할 수 있습니다.
+Q: 라우팅이 필요없는게 많이 체감되나요?
+A: Vue를 따로 많이 사용해본게 아니긴 하지만 오히려 초보자의 입장에서는 손이 덜가서 좋았습니다.
-== Q&A ==
+Q: JS랑 Jekyll 공통점과 차이점은 무엇인가요?
+A: Jekyll은 이미 만들어진 template을 가져와서 사용해본게 다라서 정확한 비교는 힘들 것 같습니다.
+Q: 정적 페이지 기반이라서 가변값 불러오거나 댓글과 같은 기능 구현이 어렵지 않았나요?
+A: 따로 가변값을 필요로 하지 않아서 공부는 못해봤습니다. 근데 댓글 구현은 Nuxt에 package가 있어서 불러와서 사용하면 됩니다.
 = 참가자 =
+[[최민준]], [[김동영]], [[김도엽]], [[방석현]], [[채승운]]
 = 스터디 진행상황 공유 =

정모/2022.03.16: Difference between revisions