U E D R , A S I H C RSS

정모/2022.03.16

Difference between r1.3 and the current

@@ -11,20 +11,44 @@

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

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

== TailwindCSS ==
* Nuxt: 공식 홈페이지
* 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가 있어서 불러와서 사용하면 됩니다.
 
= 참가자 =
[최민준], [김동영], [김도엽], [방석현], [채승운]

= 스터디 진행상황 공유 =
* [koco]



1. OMS

  • 최민준 학우님 : '비-웹개발자의 Nuxt 찍먹 후기'

2. 내용

2.1. 왜 시작했나

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

2.2. Vue

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

2.3. Nuxt

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

2.4. TailwindCSS

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

2.5. Netlify

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

2.6. 참고해볼만한 자료

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

2.7. Q&A

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

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

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

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

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

4. 스터디 진행상황 공유

5. 공지사항


6. 댓글


Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2022-03-18 12:30:30
Processing time 0.0427 sec