D36CHOI

2021.10.31 - [프로그래밍/frontend] - [vue] 스스로 만들어보는 To Do List - 1 [vue] 스스로 만들어보는 To Do List - 1 vue.js 강의를 들었으니 스스로 만들어보자 우리 팀에서 사용하는 프론트엔드 프레임워크는 vue.js 다. 이 프레임워크를 이용해 모바일웹과 앱 뷰어를 통해, 우리 팀이 관리중인 영역에서의 사용자 choichumji.tistory.com 1을 통해 간단히 입력창과 버튼을 통해 리스트를 추가해보았다. 이제 새로운 vue 라이브러리를 써보고, 좀 더 그럴싸하게 바꿔봐야겠다. vuex 를 추가해 상태관리를 쉽게 해보자 이전에는 props, emit 등을 활용해 컴포넌트간 데이터 전달과 이벤트 전달로 할일 추가를 구현했다. 하지만 만약 앱이 커..

vue.js 강의를 들었으니 스스로 만들어보자 우리 팀에서 사용하는 프론트엔드 프레임워크는 vue.js 다. 이 프레임워크를 이용해 모바일웹과 앱 뷰어를 통해, 우리 팀이 관리중인 영역에서의 사용자가 보는 화면을 만들고 있다. 나 또한, 이따금씩 들어오는 프로젝트들로 우리 팀의 vue 앱을 수정하거나 이해해야하는 일들이 생기고 있지만 vue를 제대로 다뤄본적 없는 내 입장에서 쉽지는 않았다. 하지만 조금만 시간을 들여서 이해한다면 충분히 그 데이터의 흐름이나 문법을 이해할 수 있을 정도로 vue는 백엔드 개발자에게 친절한 프레임워크였다. 그래도, 내가 직접 처음부터 시행착오를 겪어보는 것과, 이미 많은 개발자선배들이 구축해놓은 애플리케이션의 일부분을 건드리며 수정하는 것에는 큰 차이가 있다고 생각했다. ..

연구실 과제의 사용자 UI 개발 스택으로 리액트가 활용된다. 그래서 리액트를 공부해야하는데, 공부할게 많다. 막막했는데 webpack,babel 의 활용방법 이해 부터 props, state 의 구분과 활용, tree구조, lifecycle 등을 공부하니 react 코드의 맥락 파악은 가능해졌다. 이전에 html css 를 공부해놓으니까 js 부분만 열심히 파면 될 듯. 0. 특정 directory 에서 create-react-app 을 한 뒤, 필요없는 component들을 전부 지워준다. 1. ManageTable.js import React, { useState, useEffect } from "react"; import { getManageApplication } from '../../Utils/..

https://www.inflearn.com/course/web-game-React/dashboard 웹 게임을 만들며 배우는 React - 인프런 웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다. 초급 웹 개발 프레임워크 및 라이브러리 React 웹 개발 게임개발 온라인 강� www.inflearn.com '제로초' 님의 무료 강의를 바탕으로 만들었습니다. 준비: 폴더를 하나 만들어, gugudan.html 을 만들자 (필요하다면 style.css 도) 번거롭고 보기 복잡한 형태의 Like 버튼 예제 강의자님 말씀으론, 이 코드를 보고 불편함을 느끼는 것부터 시작해야 이후에는 차근차근 더 발전되고..