일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- array.reduce()
- 소오름~
- 행렬...
- arr.push()
- for문
- .map()
- 가우스의 재림
- 복합대입연산자
- ES6 브라우저 지원 현황
- 프로그래밍이란
- 자바스크립트와 ECMAScript
- .split()
- 삼항연산자
- 직사각형 별그리기
- 구문과 의미
- 자바스크립트
- for반복문
- a && b
- Math.min
- 어려운데ㅠㅠ
- JavaScript
- 가우스의 공식
- 자바스크립트의 탄생배경
- Ajax란?
- 배열 최솟값
- if반복문
- 자바스크립트의 특징
- 소름돋는 알고리즘
- !x.includes()
- Math.abs()
- Today
- Total
목록전체 글 (88)
Ming's develop story
DOM이란? 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 구조화된 nodes와 property 와 method 를 갖고 있는 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. 웹 페이지는 일종의 문서(document)다. 이 문서는 웹 브라우저를 통해 그 내용이 해석되어 웹 브라우저 화면에 나타나거..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bBaOIW/btrlEmOYwSv/4Y7yK3PGAhNh7wH6sGoTSK/img.png)
잘못된 주소 처리하기 1. 일단 NotFound.js 파일을 만들고 빈 컴포넌트를 만들어주자. import React from "react"; const NotFound = (props) => { return 주소가 올바르지 않아요!; }; export default NotFound; 2. App.js에서 불러옵니다. import NotFound from "./NotFound"; 3. Switch를 추가해주고, ... import { Route, Switch } from "react-router-dom"; ... return ( ... ( )} /> ... ); 4. NotFound컴포넌트를 Route에 주소 없이 연결하면 끝! ... ( )} /> ... Switch는 버킷리스트의 Route들만 감싸주..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/brKOJg/btrlpVqNAAy/wpkPTjyGTxFScsbkKACRO1/img.png)
react-router-dom 패키지 설치하기 - 꼭 적용할 프로젝트 경로 안에서 설치하기! react-router-dom 공식 문서 페이지 전환 순서 1. index.js에 BrowserRouter 적용하기 안에 들어있는 모든 컴포넌트를 감싸주기 위해서 제일 위에있는 App을 감싸준다. 2. 세부 화면 만들기 3. App.js에서 Route 적용하기 4. exact 적용하기 만약 메인페이지에 exact를 안 붙여주면 /Cat 페이지 처럼 / (Home)을 포함하는 페이지에서 밑의 사진과 같이 된다. 5. URL 파라미터사용하기 웹사이트 주소에는 파라미터와 쿼리라는 게 있는데 우리는 그 중 파라미터 사용법을 알아보자! 파라미터: /cat/nabi 쿼리: /cat?name=nabi 파라미터 주는 방법 //..
SPA란? Single Page Application! 말 그대로 서버에서 주는 html이 1개 뿐인 어플리케이션이다. 전통적인 웹사이트는 페이지를 이동할 때마다 서버에서 html, css, js(=정적자원들)을 내려준다면, SPA는 딱 한번만 정적자원을 받아온다. 왜 굳이 html을 하나만 줄까? 많은 이유가 있지만, 그 중 제일 중요한 건 사용성 때문이다. 페이지를 이동할 때마다 서버에서 주는 html로 화면을 바꾸다보면 상태 유지가 어렵고, 바뀌지 않은 부분까지 새로 불러오니까 비효율적이다. (사용자가 회원가입하다가 적었던 내용이 날아갈 수도 있고, 블로그같은 경우, 페이지마다 새로 html을 받아오면 바뀐 건 글 뿐인데 헤더와 카테고리까지 전부 다시 불러와야 한다.) 단점은 없나? SPA는 딱 한..