HISTORY🔥

[React] React에서 사용되는 Hook 정리해보기🔥

React 생초보 탈출하기 1🌹 공부했던 내용을 복습하기 위해 작성된 글이므로, 틀린 부분이나 부족한 부분이 있다면 댓글 부탁드립니다.😆🙌🏻 1. useState(초기값) Component 내에서 사용될 state와 해당 state를 변경하는 함수를 반환해줍니다. // count: state, setCount: 값 변경 const [count, setCount] = useState(0); // 초기값은 원시값만이 아닌 객체도 전달할 수 있습니다. const [position, setPosition] = useState({x:0,y:0}); 이렇게 생성된 state들은 element의 value 속성에 사용될 수도 있으며, setter 메서드를 통해 값이 변경되면 관련된 element들을 re-render..

[Vue 공식 문서 뽀시기-3] Vue 라이프 사이클

프로그래머스 데브코스 - Vue 시작하기 | Vue.js 시작하기 NOTE 이미 Vue 2를 알고 있고 Vue 3의 새로운 점을 배우고 싶으신가요? Migration Guide를 확인하세요! Vue.js가 무엇인가요? Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 v3.ko.vuejs.org 라이플 사이클 각 Vue Component는 일련의 초기화 단계를 거쳐 화면에 그려집니다. 그리고 DOM 업데이트 시에도 몇 단계를 거쳐 진행됩니다. 이러한 일련의 과정을 통틀어 라이플 사이클이라고 하며 아래 그림과 같습니다. Vue는 라이프 사이클마다 각 단계에 해당하는 특별한 함수를 실행하여, 사용자가 특정 단게에서 자신의 코드를 제어할 수 있는 기회를 제공합니다. -> 이것..

[Vue 공식 문서 뽀시기-2] 어플리케이션 & 컴포넌트 인스턴스

프로그래머스 데브코스 - Vue 시작하기 | Vue.js 시작하기 NOTE 이미 Vue 2를 알고 있고 Vue 3의 새로운 점을 배우고 싶으신가요? Migration Guide를 확인하세요! Vue.js가 무엇인가요? Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 v3.ko.vuejs.org 어플리케이션 인스턴스 생성하기 Vue 객체 생성하기 먼저 Vue의 어플리케이션 인스턴스를 생성해 보겠습니다. Vue 객체는 Vue object의 createApp 메서드를 이용해서 생성할 수 있습니다. cosnt app = Vue.createApp({ data() { return { msg: 'Hello World' } } }) createApp에는 앞에서 보았던 data, me..

Progressive Web App(PWA)이란?

참고🌹 프로그레시브 웹 앱이란? 프로그레시브 웹 앱(PWA) 및 이를 다른 웹 앱과 차별화하는 세 가지 주요 개념에 대해 소개합니다. web.dev Progressive Web App이란? 간단히 말하자면! 모바일 앱의 장점과 웹의 장점을 가지고 있는 웹 기술입니다. 🌹하지만! 결국 웹 어플리케이션이라는 점에 유의하세요.😭 네이티브 APP도 아니고, 웹 앱도 아니고 왜 PWA일까? 네이티브 APP의 장점! 플랫폼에 특화되어 있어 기기의 특화된 다양한 기능을 제공하며 기기 내에서 네트워크 연결에 관계없이 작동하고 자체 독립 실행형 환경을 가집니다. 또한 모바일 앱은 앱 아이콘을 통해 쉽게 사용자가 원하는 앱을 실행할 수 있고, 사용자 개인에 특화된 필요한 푸시 알림(Notification)을 보내줌으로써 ..