티스토리

이대엽님의 티스토리
검색하기

블로그 홈

이대엽님의 티스토리

gspkr.tistory.com/m

대엽 님의 블로그입니다.

구독자
0
방명록 방문하기
공지 초보 자바 개발자블로그입니다. 모두보기

주요 글 목록

  • 3. 자바스크립트 배열 CRUD 자바스크립트 배열 CRUD (map, filter, slice, concat, spread연산자) 스프레드(전개)연산 ... 추가하기 concat 삭제하기(걸러내기) filter 잘라내기 slice 반복하기 map (배열 전체복사) 수정하기 ...연산 응용 결과 ( 깊은복사 ) ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ import { useState } from 'react'; import './App.css'; function App() { // 다운로드 받음 const [users, setUsers] = useState([ { id: 1, name: '홍길동' }, { id: 2, name: '임꺽정' }, { id: 3, name: '장보고' }, {.. 공감수 0 댓글수 0 2021. 2. 8.
  • 2. 실행흐름 이해하기 + JSX 기본문법 npm start 명령어를 실행하면 프로젝트 내부에있는 index.js 가 실행된다. 그속에는 ReactDOM.render( , document.getElementById('root') ) 라는 render 함수가 있고, 중간에있는 App 은 [컨트롤 + 클릭] 해보면 App.js를 가리키는 문법입니다. document.getElementById('root') 는 프로젝트 폴더가 만들어질때 같이 만들어진 public 이라는 폴더를 보시면 index.html 이라는 파일에서 root라는 id의 태그를 찾겠다는 뜻입니다. index.html 생긴거보면 주석빼면 걍 아무것도없는 파일입니다 index.js의 최종 목적은 저 사이에 App.js 가 return 하고있는 코드를 집어넣겠다는 뜻입니다. 그렇기에 JS.. 공감수 0 댓글수 0 2021. 2. 8.
  • 1. 리액트 설치 및 세팅 React(리액트) 란 프론트엔드 개발 기술로, 브라우저에 변경된 데이터를 감지하여 그림을 그리는데 최적화 된 기술입니다. 리액트를 실습해 보기 위해서는 '변경 감지'를 무자비하게 인식해줄 '서버'가 필요합니다. 요청을 하면 응답을 해주는것 = 서버 node.js 서버를 사용하겠습니다. nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 작성시간 기준으로 LTS 버전이 14.15.4 버전이네요. 최신버전 보다는 LTS로 다운받아주세요 프론트엔드는 MS Visual Code 를 사용할겁니다. 백엔드는 나중에 Spring으로 사용할 예정이지만 지금은 필요없습니다. 원하는.. 공감수 0 댓글수 0 2021. 2. 8.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.