post-thumbnail

[React] Redux-CRUD

먼저 알아야 할 것 (Slice 액션함수에서) [state]-전달받은 데이터 / [result.meta]-백엔드에게 전송한 파라미터 / [result.payload]-백엔드로부터 전송받은 응답결과 / return 값들은 state로 페이지에 다시 전달된다.

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

[프로그래머스] 구명보트 (탐욕법)

shift()가 배열의 맨앞 원소를 삭제하고 뒤에 애들을 끌어오는거라 시간복잡도가 높은 함수라는 걸 알게 됨

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

[React] 13-Redux

리액트 전역 상태 관리 라이브러리일반적인 컴포넌트 개발시에는 상태값(변수)을 관리하기 위해 라이프사이클이나 hooks을 사용한다.이 경우 각각의 컴포넌트가 관리하는 변수값들이 소스파일 여기저기에 흩어져 있기 때문에 코드 유지보수에 좋지 않다.컴포넌트의 상태 업데이트 관

2022년 11월 9일
·
0개의 댓글
·

[React] 10-Simple-Ajax

React의 특징 브라우저에 표시되는 URL이 바뀌면 App.js부터 모든 컴포넌트가 전부 재실행됨

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

[React] 11-axios-hooks

setState() 에서 안에 파라미터만 넣는경우와 콜백함수를 넣는 경우 |파라미터|콜백함수| |-------|-------| |상태값에 따라서 후속처리|상태값만 변경| | 화면변경 |useEffect가 실행되지않음 화면변경 x (성능은 더 좋음) | |||

2022년 11월 4일
·
0개의 댓글
·

[React] yarn add

SPA앱을 만들 때 사용.URL에 따라 실행할 Javascript를 분기한다.sass와 scss 컴파일 기능 제공reset.cssstyled component 지원styled component에서 media query를 쉽게 사용할 수 있게 한다.날짜 처리 기능 제공

2022년 10월 27일
·
0개의 댓글
·
post-thumbnail

[React] 07-hook-event

함수형 컴포넌트에서 상태값(state)를 관리하기 위한 기능으로 클래스형 컴포넌트의 LifeCycle에 대응된다. useState, useEffect, useRef, uesReducer . . .

2022년 10월 24일
·
0개의 댓글
·

[React] 04-props

properties의 줄임말.어떠한 값을 컴포넌트에게 전달해줘야 할 때 props를 사용.컴포넌트에 props를 지정하지 않았을 때를 대비하여 기본값을 JSON으로 정의해 둘 수 있다. (가급적 권장)

2022년 10월 19일
·
0개의 댓글
·

[React] 03-jsx

{조건 && (조건이 참인 경우 출력할 내용)}조건이 거짓인 경우 표시되는 내용 없음{ true && true && true && false } true가 끝나는 부분이 출력(3번째){조건 || (조건이 거짓인 경우 출력할 내용)}조건이 참인 경우 표시되는 내용 없음

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

[React] 01-hello-react

react는 기존 javascript할때와 다르게 폴더를 프레임워크가 생성한다. 프레임워크는 폴더 기준 cmd에서 원하는 위치로 이동한 뒤 프로젝트 생성 (프로젝트 이름은 숫자, 영어소문자만 가능 언더바_도 안됨) yarn create react-app 프로젝트이

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

[React] 02-simple-spa

단일 페이지 애플리케이션하나의 HTML 페이지로 다수의 페이지 효과를 내는 구현 방식.장점페이지 이동 없이 JS에 의해 화면이 갱신되므로 실제로 네트워크 통신이 발생하지 않아 실행 속도가 빠르다.단점JS코드가 비대해 질 수 있다. 코드 스플리팅 기법으로 해결가능(코드

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

[JS] async-await

비동기처리에 대한 이해가 부족해서 조금이나마 이해한 내용을 정리해보려고 한다.수업시간에 실습한 페이지처음에 열리는 페이지 이름을 클릭하면 새로운 html창이 열리고 그 이름의 id를 주소창에 저장하여 (\~~/?id=10103) 해당 id에 대한 정보를 백엔드에서 가져

2022년 9월 30일
·
0개의 댓글
·

[JS] try catch

생성자는 객체가 만들어질때 자동으로 실행됨resolve --> .thenreject --> .catchtry catch를 이용할땐 try의 블럭안에 코드가 많을수록 프로그램이 무거워지므로 코드를 최소화 해야한다. try catch finallytry 가 정상실행되면 바

2022년 9월 30일
·
0개의 댓글
·
post-thumbnail

[백준] 10989 - 수 정렬하기 3 (계수정렬)

이 문제는 메모리 초과로 인해 JavaScript로는 풀 수 없는 문제라고 한다.

2022년 9월 16일
·
0개의 댓글
·
post-thumbnail

[JS] 22 - form 요소

text dropdown radio checkbox

2022년 9월 16일
·
0개의 댓글
·
post-thumbnail

[백준] 2715 - 수 정렬하기 2

[알게 된 것] // input.sort((a, b) => a - b); // console.log(input.join("\n"));

2022년 9월 16일
·
0개의 댓글
·
post-thumbnail

[백준] 1929 - 소수 구하기

시간 초과 발생

2022년 9월 15일
·
0개의 댓글
·
post-thumbnail

[JS] chart.js bar 오류

막대그래프가 걷잡을수 없이 길어지기 시작했다.

2022년 9월 14일
·
0개의 댓글
·

[JS] 라이브러리 활용

소스코드를 파일 형태로 분리해서 재사용 가능하게 만든 단위. 형태에 상관없이 조립 가능한 프로그램 조각이라는 의미모듈 중에서 함수나 클래스 단위로 구성된 형태들의 모임.소프트웨어 개발에 쓰이는 하부 프로그램들의 모임이다.(위키백과)쉽게 말하면 모듈과 라이브러리는 동일한

2022년 9월 14일
·
0개의 댓글
·

[JS] 20-HTML 생성하기

인터넷 주소에는 특정 컴퓨터의 폴더 내부로 진입할 수 있는 정보가 들어 있음.그 폴더 안의 html 경로를 의미User가 사이트에 점속하은 패킷의 전송을 의미이는 곧 회선비의 지출로 이어짐HTML을 Refresh한다는 것은 위의 반복..innerHTML : 기존 내용

2022년 9월 14일
·
0개의 댓글
·