메인 프로젝트 작업을 진행하고 있다.마이페이지에 닉네임을 수정할 수 있도록 컴포넌트를 제작하는데 조금 더 사용성을 좋게 하고자아래의 기능을 넣어보았다.닉네임 옆 편집버튼을 눌렀을 때 input 창으로 변경하기편집버튼을 눌렀을 때 생성되는 input 창에 자동으로 foc

레이아웃 기본 정리

레이아웃 구성

정말 최대한 간단하게 구현한 투두리스트해보고싶은 애니메이션 기능들을 넣어보긴 했는데 구현은 어려울 것 같아서 고민중📝 CreateTodotodo 추가하는 컴포넌트useInput custom Hook으로 구현해보기(input, submit)추가하기 버튼 클릭 후 inp

UI 💡UI(User Interface) : 사용자 인터페이스 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다. 보통 화면상의 그래픽 요소만 생각하지만, 키보드, 마우스 등의 물리적 요소로도 컴퓨터와 상호작용하기 위한 시스템으므로 UI라고 볼 수 있다. 터치로 상호 작용할 수 없엇던 과거에는 숫자버튼, 방향버튼 등 다양한 종류의 물리적 UI와 터미널과...

JavaScript에는 특별한 대우를 받는 일급 객체(first-class citizen)가 있다. 대표적인 것이 바로 함수이다.

본 포스팅은 스토리지에 대해 내가 알아먹기 쉽도록 정리하는 글이다. 이번 정리로 인해 제발 이해하자!!

HTTP API 테스트 도구(GUI)POST메서드는 필요한 자료를 리소스에 추가할 때 사용하는 메서드로추가될 내용이 어떠한지 구체적으로 넣어야되는데 이를 본문(body)에 입력한다.POST를 선택 후 request URL을 입력한다. (예시로 http://3.

Bare Minimum Requirement 상세 컴포넌트 구현하기 Tweet 컴포넌트 (Tweet.js) // 이미지, 유저 이름, 트윗 생성 일자, 메시지 데이터 연결하기 // 내용이 들어가는 구간에 {tweet.데이터키}로 맞춰서 기입 // 생성일자는 날짜형식이 정해져 있어 상단에 추가된 변수로 대체 // 트윗 생성 날짜 변경 = new Date(t...

이벤트 핸들링 기본 방식 소문자 대신 카멜 케이스(camelCase) 사용 JSX를 사용하여 문자열이 아닌 함수로 이벤트 처리 함수 전달 onChange 입력값이 바뀔 때마다 발생하는 이벤트 폼(Form)엘리먼트 `, , ` 에 입력되는 입력값(변경될 수 있는 입력값)을 state로 관리하고 업데이트한다. 이때 해당 이벤트를 사용하면 그 입력값을 읽어올...

Props Props ? 컴포넌트의 속성(property)을 의미한다. 외부로부터 전달받은 값 & 부모 컴포넌트(상위 컴포넌트)로부터 전달받은 값 * 컴포넌트가 최초 렌더링 될 때 화면에 출력하고자 하는 데이터를 담은 초깃값* 객체 형태 (어떤 타입의 값도 넣어 전달할수 있도록) class 문법, 함수 문법으로 만들 수 있다. 읽기 전용(read-only)...

화면을 업데이트하기 위해 `필요한 데이터`만 서버에서 전달받아 브라우저에서 해당하는 `부분만 업데이트`하는 방식으로 작동하는 `웹 애플리케이션`이나 `웹사이트`를 말한다.

React의 3가지 특징에 대해서 이해하고, 설명할 수 있다.JSX가 왜 명시적인지 이해하고, 바르게 작성할 수 있다.React 컴포넌트(React Component)의 필요성에 대해서 이해하고, 설명할 수 있다.create-react-app 으로 간단한 개발용 Rea

REST API 란?정보들이 주고받아지는 데에 있어서 개발자들 사이에 널리 쓰이는 일종의 형식과거에 SOAP 이라는 복잡한 형식을 대체함각 요청이 어떤 동작이나 정보를 위한 것인지를 그 요청의 모습 자체로 추론 가능하다는 것이 큰 특징이다.

단순히 별개의 변수와 함수로 순차적으로 작동하는 절차 지향 프로그래밍을 넘어서 데이터의 접근과 데이터의 처리 과정에 대한 모형을 만들어내는 방식이다. 데이터의 기능과 별개로 취급되지 않고, 한 번에 묶여서 처리할 수 있게 해준다.

객체 지향 프로그래밍 이란 하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴.

벌써 한달이란 시간이 흘렀다는걸 이 회고를 작성하면서 알았다.다시 시작하는 마음으로 신청했던 부트캠프 코스 1일차 때의 내 모습과 한 달이 지난 내 모습은 내가 보기엔 크게 다르지 않다 😓

const는 상수로 재할당되지 않는 값을 변수로 선언할 때 사용하는 키워드입니다.하지만, 배열과 객체를 const로 선언할 때는 우리가 알고있는 것과 다르게 요소나 속성을 추가, 수정 그리고 삭제가 가능합니다.

JavaScript Koans 과제 내용 중에서 이해를 위해 정리한 내용이다.

원시 자료형이 할당될 때에는 변수에 값(value) 자체가 담기고, 참조 자료형이 할당될 때는 보관함의 주소(reference)가 담긴다.