[구현 능력 강화 Project] react-card-payment

사용자 시나리오 형태로 작성 예시) ooo하면 ~ 한다.\[] 추가(+) 버튼을 클릭하면 카드 정보 등록 화면으로 이동한다.\[] 보유카드가 존재하면 화면에서 확인할 수 있다.\[] 카드 정보(카드 번호, 만료일, 카드 소유자 이름, 보안코드, 카드비밀번호)를 입력하

2021년 11월 5일
·
0개의 댓글
·
post-thumbnail

[TIL] 생활코딩 WEB2 - Javascript

생활코딩 자바스크립트 강의를 보고 궁금한 내용에 대하여 간략하게 정리하려고 한다.

2021년 11월 3일
·
0개의 댓글
·
post-thumbnail

라이브러리 없이 무한 스크롤 구현하기

이번에는 라이브러리 없이 무한 스크롤 구현을 해보겠습니다.

2021년 10월 28일
·
0개의 댓글
·
post-thumbnail

[TypeScript] 타입스크립트란?

2012년 마이크로소프트에서 발표한 타입스크립트(TypeScript)는 자바스크립트(Javascript)에 타입을 부여한 프로그래밍 언어입니다.

2021년 10월 26일
·
0개의 댓글
·
post-thumbnail

리액트 로딩 컴포넌트 개발 (spinner 스타일)

로딩 컴포넌트는 사용자 경험에 있어 필수적으로 개발되어야하는 컴포넌트로 이번에는 spinner 스탕일로 만들어 보겠습니다.emotion keyframes을 사용해서 css만으로 로딩중인 상태를 나타내도록 만들어 보았습니다.

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

리액트 로딩 컴포넌트 개발 (bubble 스타일)

리액트 로딩 컴포넌트 bubble 버전으로 만들어 보겠습니다. emotion keyframes을 사용해서 css만으로 로딩중인 상태를 나타내도록 만들어 보았습니다.

2021년 10월 10일
·
0개의 댓글
·

[바닐라 자바스크립트] 요구사항 분석 및 구현 연습 일기

웹 서버를 띄워서 실제 서버에 요청하는 형태로 리팩터링한다.fetch api 사용하는 부분을 async await을 사용하여 구현한다.서버 통신에서 실패하는 부분에 대해 예외처리를 진행한다.중복되는 메뉴는 추가할 수 없다.서버에 카테고리에 따라 새로운 메뉴가 추가될 수

2021년 10월 1일
·
0개의 댓글
·

[바닐라 자바스크립트] 요구사항 분석 및 구현 연습 일기

[바닐라 자바스크립트] 요구사항 분석 구현 연습 두 번째 미션 카페의 메뉴판 여러개 만들기 step 2. 요구사항 구현을 위한 전략 TODO TODO TODO step 2 과정에서 배운 내용 및 회고 1.

2021년 9월 29일
·
0개의 댓글
·

[바닐라 자바스크립트] 요구사항 분석 및 구현 연습 일기

메뉴의 이름을 입력 받고 엔터키 입력으로 추가한다.메뉴의 이름을 입력 받고 확인 버튼을 누르면 메뉴가 추가된다.메뉴가 추가되고 나면, input은 빈 값으로 초기화한다사용자 입력값이 빈 값이라면 추가되지 않는다.총 메뉴 갯수를 count하여 상단에 보여준다. (TODO

2021년 9월 29일
·
0개의 댓글
·

[자바스크립트] 비동기 처리 async/await

비동기 처리 Async-Await

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

[자바스크립트] 비동기 처리와 Promise

자바스크립트로 웹 통신을 하는 코드를 작성하려면 비동기 실행을 다루어야 한다. 비동기 처리를 하기 위해서는 Promise 객체와 async/await 구문 등에 대한 이해가 필수적이다.들어가기전에 동기 실행과 비동기 실행의 의미에 대해 이해하고 Promise 객체에 대

2021년 8월 30일
·
0개의 댓글
·
post-thumbnail

[자바스크립트] 배열 요소 추가 push(), unshift(), splice()

자바스크립트 배열 메서드 [2편] 배열 요소 추가 메서드

2021년 8월 21일
·
0개의 댓글
·
post-thumbnail

[자바스크립트] 배열 요소 삭제 pop(), shift(), splice(), slice()

자바스크립트 배열 메서드 [1편] 배열 요소 삭제 메서드

2021년 8월 20일
·
0개의 댓글
·
post-thumbnail

[자바스크립트] 얕은 복사와 깊은 복사

👀 얕은 복사와 깊은 복사 도대체 무슨 말인지 이해가 안가요!?!? 우리가 아는 복사라는 단어의 뜻은 원본을 copy한다. 예를 들어 종이를 복사하게 되면 원본 종이가 그대로 존재하고, 복사본 종이가 생기는 것이다. 바탕화면에 '안녕'이라는 폴더를 복사하면 '안녕_

2021년 8월 10일
·
0개의 댓글
·
post-thumbnail

[자바스크립트] Set 객체

Set 객체 Set 객체는 ES6에서 등장한 중복을 제거한 값들의 집합이다. 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있다. Set 객체 선언 매개변수에 반복 가능한 객체가 전달된 경우, 그 요소는 모두 새로운 Set에 추가가 된다.

2021년 8월 9일
·
0개의 댓글
·
post-thumbnail

[JS] 자바스크립트 변수 선언 var, let, const 차이점

자바스크립크의 선언에는 var, let, const

2021년 8월 7일
·
0개의 댓글
·
post-thumbnail

[React] 클래스형 컴포넌트와 함수형 컴포넌트

클래스형 컴포넌트와 함수형 컴포넌트

2021년 8월 5일
·
0개의 댓글
·
post-thumbnail

[개발 상식] 패키지 관리자 npm과 yarn

패키지 관리자 npm과 yarn

2021년 8월 4일
·
0개의 댓글
·
post-thumbnail

[React] useState Hook

안녕하세요. useState 에 대해 정리해보겠습니다.

2021년 8월 2일
·
0개의 댓글
·