profile
기초부터 탄탄히
post-thumbnail

ajax 비동기 통신

서버에 GET, POST 요청을 할 때 새로고침 없이 데이터를 주고받을 수 있게 도와주는 간단한 브라우저 기능axios 라이브러리는 JSON -> object/array 변환작업을 자동으로 실행터미널에서 npm install axios 을 설치를 해야한다.XMLHttp

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

리액트 컴포넌트 Lifecycle, useEffect

mount(페이지 장착)update(업데이트)unmount(필요없을시 제거)useEffect 안에 적은 코드는 html 렌더링 이후에 동작주로 반복연산, 서버에서 데이터 가져오는 작업, 타이머를 useEffect에 많이 적는다.

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

리액트 router, navigate, URL파라미터

index.js 파일에 react-router-dom import한다.BrowserRouter로 App을 감싼다.App.js파일 상단에 여러거지 컴포넌트를 import 한다. 만들고 그 안에 를 작성<Route path="/url경로" element={ <보

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

리액트 props, styled-components

부모 컴포넌트에서 자식컴포넌트로 값을 전달자식컴포넌트 사용하는 곳에 가서 <자식컴포넌트 작명={state이름}/>자식컴포넌트 function으로 가서 props라는 파라미터 등록 후 props.작명 사용컴포넌트들 중 최고로 높은 부모 컴포넌트에 state를 작성터

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

리액트 JSX 문법 3개, useState, Component

class를 className으로 사용변수를 html에 사용할때 {중괄호} 사용 (데이터바인딩)html에 style 사용 시 { 속성명 : '속성값' } 주의할점으로 대쉬기호(-)를 쓸 수 없다.1.state는 변동사항이 생기면 state쓰는 html을 자동으로 재랜더

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

CSS box 레이아웃(2), CSS 덮어쓰기 방법 3가지

같은 class 명이라도 하단에 정의한 클래스 명과 스타일을 우선적으로 적용합니다. tag < class < id < style="" 순으로 우선순위가 높다.속성 뒤에 !important라는걸 부여하면 모든 우선순위를 씹어먹고 최우선적으로 이 속성을 적

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

CSS Table 레이아웃, Pseudo-class

CSS Table 레이아웃, Pseudo-class

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

CSS box 레이아웃

1.top, left, bottom, right 라는 속성을 사용하면 요소의 상하좌우 위치를 변경할 수 있으며, 사용 시 position 속성이 필요함(기준점 역할을 한다.)2.position 속성은 크게 4개 값이 있습니다.3.position : absolute 를

2022년 7월 5일
·
0개의 댓글
·
post-thumbnail

모던 자바스크립트(5)

하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수연산등을 수행해 하나의 값을 만든다. 이때 연산의 대상을 피연산자라 한다.피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평가될 수 있는 표현식이다.종류 : 산술(단항,이항), 할당, 비교

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

모던 자바스크립트(4)

HTML, CSS, 자바스크립트로 작성된 문서를 해석해서 브라우저에 시각적으로 출력하는 것을 말함

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

모던 자바스크립트(3)

표현식 삽입은 반드시 템플릿 리터럴 내에서 사용해야한다. 템플릿 리터럴(\`\`)이 아닌 일반 문자열에서의 표현식 삽입은 문자열로 취급한다. 불리언타입은 값은 참과 거짓으로 구분되는 조건에 의해 프로그램의 흐름을 제어하는 조건문에서 자주 사용함var키워드로 선언한 변수

2021년 12월 16일
·
0개의 댓글
·
post-thumbnail

모던 자바스크립트(2)

숫자, 문자열, 불리언, undefined, null, 심벌타입(원시 타입)객체, 함수, 배열(객체 타입)자바스크립트는 하나의 숫자타입만 존재하며, 64비트 부동소수점 형식의 2진수로 저장(모든 수를 실수처리) 모두 10진수로 해석멀티라인 문자열, 표현식 삽입, 태그드

2021년 12월 16일
·
0개의 댓글
·
post-thumbnail

모던 자바스크립트

하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름(변수)어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말함(식별자)변수 사용시 반드시 선언 필요. (var, let, const 키워드사용)변수선언은 소스코드가 한 줄

2021년 12월 15일
·
0개의 댓글
·