[TIL] 20230206 nextjs/ pwa 푸시알림/ 리액트 달력 라이브러리/ yaml

1. next js

next js를 시도해보기전에는 또 학습하기 어려운 무엇인가를 학습해야하나 싶었는데 
실제로 자습서가 매우 쉽게 되어있고 간편한 라우팅과 seo를 위한 프레임워크라서 편리하고 쉬웠다. 

고도화해서 사용하는 방법은 더 알아봐야겠지만 마음속 장벽은 없어졌다..!

 

https://velog.io/@devstone/Next.js-100-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0-feat.-initialProps-webpack-storybook

Next.js 100% 활용하기 (feat. getInitialProps, getStaticPath, getStaticProps, getServerSideProps, storybook)

 

https://nextjs.org/learn/foundations/about-nextjs?utm_source=next-site&utm_medium=homepage-cta&utm_campaign=next-website 

Learn | Next.js

https://kyounghwan01.github.io/blog/React/next/basic/

next.js 기본 개념 알아보기

 

2. pwa에서 푸시알림 보내기

사이드 플젝을 하려고 생각하다가 앱을 내가 만들 수는 없지만 푸시 알림을 보내고 싶다고 생각했다. 

오.. 가능하다. 한번 해봐야겠다. 

 

https://developer.mozilla.org/ko/docs/Web/Progressive_web_apps/Re-engageable_Notifications_Push

알림과 푸시를 사용해 PWA를 재참여(re-engageable)가능하게 만드는 방법 - 프로그레시브 웹 앱 | MDN

https://blog.hoseung.me/2021-11-28-web-push-notification/

서비스 워커로 웹 브라우저에서 푸시 알림받기

https://geundung.dev/114

웹 푸시 알림(Web Push Notification)

 

 

3. 리액트 달력 라이브러리

내가 만들려고 하는 사이드플젝에 달력을 넣고 싶어서 찾아봤다. 

 

https://velog.io/@khy226/%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%95%B1%EC%97%90-%EB%8B%AC%EB%A0%A5react-calendar-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0

리액트 앱에 달력(react-calendar) 적용하기

 

4. yaml이란?

갑자기 yaml에 대해서 알아보고 싶어서 알아봤다. 

https://velog.io/@jnine/YAML%EC%9D%B4%EB%9E%80

YAML이란?

https://www.inflearn.com/questions/16184/yaml%ED%8C%8C%EC%9D%BC-%EC%9D%B4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80%EC%9A%94

yaml파일 이란 무엇인가요 - 인프런 | 질문 & 답변