[ 2022-03-25 ] 블로그를 쓰는 이유

문득 생각이 들었습니다. 제가 글을 잘 쓰는것도 아니고 정리를 잘하는것도 아니고 가시성이 좋게 포스팅을 하지도 않은거 같은데 내가 왜 블로그 포스팅을 하는걸까.. 계속 생각을 해보다가 생각 정리를 하며 이렇게 글을 쓰게 되었습니다. 1. 오늘 내가 배운것을 블로그에 글을 작성하며 생각 정리를 한다. 2. 오늘 내가 배운것을 블로그에 글을 작성하며 복습을 한다. 3. 저는 오랫동안 코딩을 해왔지만 남은것이 없습니다. 이유는 꾸준히 하지 않아서, 그리고 중간에 텀이 너무 많았습니다. 정말 창피하지만 2018~2021년의 기록입니다. 현재 제가 사용하고 있는 계정은 따로 새로 파서 만든 계정이며 의미없는 리포지토리(Repository​) 가 너무 많아서 이전을 한 상태 입니다. 정말 다양한것들을 경험했고 시도..

  • format_list_bulleted Diary
  • · 2022. 3. 25.

React - useRef DOM 제어

리액트를 공부하다 보면 uesRef를 공부하게 될건데 useRef 는 JavaScript를 사용할때, 특정 DOM 을 컨트롤하기 위해 사용합니다, 주로 vanillaJS에서 document.querySelector, document.getElementById 와 같은것입니다. 간단한 예제를 보면서 확인을 해보도록 할게요. import { useState, useRef } from "react"; function App() { const [userID, setUserID] = useState(""); const [userPW, setUserPW] = useState(""); const handleChangeID = (e) => { setUserID(e.target.value); }; const handle..

  • format_list_bulleted FrontEnd/React
  • · 2022. 3. 25.

[ 2022-03-24 ] [ React ] LifeCycle, useEffect

[ 갤럭시 탭 ] S펜으로 이용하여 노트처럼 메모를 했던 흔적

  • format_list_bulleted TIL (Dev)/2022년
  • · 2022. 3. 25.

[ React & Node ] Book-Reports-App 2. rest api

서버에서 api 받아오는 작업을 일단 하겠습니다. 사실 아직 초반 작업이라 아주 간단하게 해결이 가능합니다. /server/Router/api.js 에서 bookReports 배열 객체를 만든뒤 dummy 데이터들을 집어넣은뒤 res.send로 날려주면 됩니다. /server/Router/api.js const express = require("express"); const router = express.Router(); const bookReports = []; router.get("/rest/book", (req, res) => { res.send({ api: bookReports }); }); module.exports = router; 이렇게 코드를 짠뒤 const bookReports = [ {..

  • format_list_bulleted Project
  • · 2022. 3. 25.

React & Node.js 연동하기

이 포스트를 쓰기 전에 여러 블로그 포스트를 보고 왔습니다. https://velog.io/@autumndr3ams/210802-React-Node.jsexpress-연결하기 https://baegofda.tistory.com/210 https://baegofda.tistory.com/211 일단 Node.js 가 설치되어 있다는 가정하에 진행을 하겠습니다. 1. 일단 작업 할 폴더(testReact)를 만든 뒤 cmd 또는 파워쉘을 키고 npx create-react-app client 를 쳐줍니다. 다음과 같이 나왔다면 제대로 설치된 것 입니다. 2. 그럼 폴더에 client 폴더가 있을건데 전 testReact 라는 폴더에 만들었으니 testReact 라는 폴더안에서 커맨드 창을 열고 server을..

  • format_list_bulleted FrontEnd/React
  • · 2022. 3. 24.

[ React & Node ] Book-Reports-App - 1. Setting

저는 Inflearn 사이트에서 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 라는 강의를 보고 Todo List 프로그램을 만들어 보았지만 뭔가 부족한 느낌이 들었습니다. 그래서 Book Reports[독후감] app 을 만들어 볼려고 합니다. 일단 기능에 대해 생각을 해볼려고 하는데 FE 부분 부터 생각을 해보자면, 기술 스택은 React + Node.js 를 사용할 예정이며 DB는 mysql을 사용하고 ORM 을 적용을 해볼것입니다. 1. 책 이미지를 넣을 공간이 필요합니다. 2. Author (작가) 를 기입할 공간이 필요하다. 3. 독후감 이기에 책에 대해 comment(설명 또는 후기)를 적어야 합니다. 4. 별점 (이 책을 읽고 나의 별점) 을 넣을수 있어야 합니다. ..

  • format_list_bulleted Project
  • · 2022. 3. 24.