[Ch 4] Axios (WIL)

React에서 AJAX(비동기 웹 애플리케이션)를 구현하기 위해서 JavaScript 내장 객체인 XMLRequest를 사용하거나 다른 HTTP Client를 사용해야 한다.어떤 HTTP Client 라이브러리를 사용하는게 좋을까?React와 함께 쓰면 좋은 HTTP

2022년 6월 13일
·
2개의 댓글
post-thumbnail

[React] 리액트 상태관리 - Redux

yarn add redux react-redux데이터 저장할 공간 store 생성reducer만이 store에 있는 data 수정 가능,어떤 식으로 수정을 해줘는 action으로 정의 됨redux 쓰는데 꼭 필요한 모듈은 기본 값, 얘는 원래 이런 데이터 값 가지고 있

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

[React] 리액트 상태관리 - ContextAPI

ContextAPI는 변경이 잦지 않고 크기가 크지 않은 data를 전역으로 사용하고 싶을 때 사용 효율이 좋은 React 상태관리 API이다.ContextAPI를 사용하기 위해서는 먼저 데이터를 저장할 공간 생성 필요Provider로 데이터 주입: Provider는

2022년 6월 7일
·
0개의 댓글

[Ch 3-3] 리액트 라이프사이클과 Hooks (WIL)

리액트에서 컴포넌트들은 클래스형 컴포넌트 혹은 함수형 컴포넌트로 표현컴포넌트는 UI를 만들고, 라이프사이클을 통해 화면에 나타나거나 사라지는 것과 같은 상황에서 특정 동작을 실행클래스형 컴포넌트 : 상태값(state)과 LifeCycle를 가짐, 메모리 자원을 함수형보

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

[Ch 3] React Team Assignment

자바스크립트에서 유사배열과 배열의 차이는 무엇일까요?유사배열의 각 요소를 수정하고 싶다면 어떤 과정을 거쳐야할까요?( Array.isArray 메서드, array instanceof Array: 배열 판단 )배열(array): 관련 있는 데이터를 하나의 변수에 할당해

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

[Ch 3-1] JavaScript의 ES란? (WIL)

Chapter 3 React 입문 주차 발제JS ES(ECMA Screapt)는 결론부터 말하자면 js는 언어이고, ES는 규격, 표준, 즉 스펙을 뜻한다.JS는 10일이라는 정말 짧은 기간에 만들어진 언어이다. 그런만큼 설계상의 미스가 있을 수 밖에 없다. 그렇기에

2022년 5월 22일
·
1개의 댓글
post-thumbnail

[Ch 3] React 입문주차 S.A.

JavaScript는 느슨한 타입(loosely typed)의 동적(dynamic) 언어JavaScript의 자료형(타입)원시값: 언어의 최고 로우레벨에서 직접 표현되는 불변 데이터\-> Boolean, Null, Undefined, Number, BigInt, Str

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

HTML 파일을 Netlify로 사이트 배포하기

Netlify 바로가기Netlify : WebProject를 만들고 배포할 때 더욱 쉽게 할 수 있도록 도와주는 사이트정적 웹 사이트 (js/html/css만 존재하는) 로 서비스 제공이 필요할 때 편하게 구축프로젝트를 배포하고 변경사항이 존재할 때 해당 사항들을 관

2022년 5월 20일
·
0개의 댓글

[프로그래머스] 나누어 떨어지는 숫자 배열 (JavaScript)

나누어 떨어지는 숫자 배열 array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요.divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하세요.ar

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

[프로그래머스] 문자열 다루기 기본 (JavaScript)

문자열 다루기 기본 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 "a234"이면 False를 리턴하고 "1234"라면 True를 리턴하면 됩니다.s는 길이 1 이상, 길이 8 이하인 문자열입

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

[프로그래머스] 자릿수 더하기 (JavaScript)

자릿수 더하기 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요.예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다.N의 범위 : 100,000,000 이하의 자연수map() 익숙해지

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

[프로그래머스] 이상한 문자 만들기 (JavaScript)

이상한 문자 만들기 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수, solution을 완성하세요.문자열 전체의 짝

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

[프로그래머스] 정수 제곱근 판별 (JavaScript)

정수 제곱근 판별 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다.n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요.n은 1이상, 500000000

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

[프로그래머스] 제일 작은 수 제거하기 (JavaScript)

제일 작은 수 제거하기 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 4,3,2,1인 경우는 4,3,2를 리턴

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

[프로그래머스] 로또의 최고 순위와 최저 순위 (JavaScript)

로또의 최고 순위와 최저 순위 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 로또를 구매한 민우는 당첨 번호 발표일을 학수고대하고 있었습니다. 하지만, 민우의 동생이

2022년 5월 18일
·
0개의 댓글

[프로그래머스] 완주하지 못한 선수 (JavaScript)

- sort() - pop() - find()

2022년 5월 17일
·
0개의 댓글

[프로그래머스] 핸드폰 번호 가리기 (JavaScript)

- repeat() - slice()

2022년 5월 16일
·
0개의 댓글