TIL 211226 ::

TIL 211226 :: [AM 10:00 ~ 11:00]Code Kata 풀이 [PM 12:00 ~ 01:00] Planning Meeting [PM 02:00 ~ 04:00] Planning Meeting (with Mentors) [PM 0

[React] React-router v6

[React] React-router v6 728x90 React Router 버전이 v5에서 v6으로 바뀌면서 몇가지 바뀐 점들이 있다. import React from 'react'; import { Route, Routes } from 'r

Movie App

Movie App function App() { return } /> } from http://jieunny.tistory.com/21 by ccl(A) rewrite - 2021-12-26 18:01:3

Webucks-Node.js

Webucks-Node.js 바닐라 자바스크립트, 리액트로 만들었던 Webucks 프로젝트의 백엔드를 Node.js로 구현해보았다. 데이터베이스 구축하기 generator client { provider = "prisma-client-js" } d

[Vue] TSX Component 사용 방법

[Vue] TSX Component 사용 방법 JSX/TSX의 유래는 잘 모른다. 아마 React에서 조금 더 html 태그들을 script처럼 사용할 수 있도록 만든 파일 형식으로 보인다. React를 제대로 배운 적은 없지만 Vue.js의 SF

Webucks-React 2

Webucks-React 2 Webucks React 프로젝트는 React로 코드를 다시 작성한 것이 아니라 HTML, CSS, JavaScript로 만든 Webucks 프로젝트의 코드를 떼와 붙인 것입니다. 컴포넌트, state, props 등의

Coin Tracker

Coin Tracker JavaScript에서 서버로 네트워크 요청을 보내고 응답을 받을 수 있도록 해주는 함수. import React from 'react'; import { useState, useEffect } from 'react' ; fu

Concurrently 사용법

Concurrently 사용법 Concurrently란? Concurrently는 여러 개의 명령어를 동시에 실행할 수 있도록 해주는 패키지이다. 이 패키지를 사용하면 frontend와 backend에서 개발용 서버를 따로 실행할 필요도, 터미널의

8장 지뢰찾기: Context API

8장 지뢰찾기: Context API 1. Context API란 hooks로 리액트 컴포넌트를 만들 때 state들이 많아지면 그 state들을 하나의 묶음으로 관리하기 위해 userReducer를 사용하여 state들을 관리하는 방법을 이전에 정

React native 구동 방식 ( 신 )

React native 구동 방식 ( 신 ) React native 구동 방식 ( 구 ) 어떠한 라이브러리 혹은 프레임워크를 제대로 사용하기 위해 해당 라이브러리가 어떻게 작동하는지에 대해 알아보는 것이 중요하다고 생각한다. 이에 react nati