오늘은 내 삶의 전환점이 되는 날이라고 생각한다. 처음으로 Velog를 통해서 개발자로써의 내가 글을 쓰게 되었고, 내 삶의 목표를 새롭게 정하게 되어 시작하는 날이며, 그리고 코드스테이츠 프론트엔드 부트캠프 43기에 합격되었다. 코드스테이츠 프론트엔드 부트캠프는 내
Number 타입String 타입Boolean 타입Number 타입자바 스크립트 내에 숫자를 표기하기 위한 데이터 타입Math.floor(): 괄호 안의 숫자를 내림하여 반환합니다.Math.ceil(): 괄호 안의 숫자를 올림하여 반환합니다.Math.round(): 괄
3일차는 이론 실습4일차는 페어와 같이 알고리즘 문제를 푸는 시간을 가졌다.대부분의 문제가 생소하다 보니 어려워서 정답을 보고 싶었지만, 되도록이면 혼자 풀어보고자 하였고문제를 결국 다 풀긴 했다.오늘은 문제를 풀었던 것들에 대해서 써내려 가보려 한다.길이가 긴 관계로
바로 문제를 풀어보도록 하자. 반복문은 생각보다 어려웠다..수를 입력받아 0부터 해당 수까지의 합을 리턴해야 합니다.입력인자 1 : numnumber 타입의 정수 (num >= 0)출력number 타입을 리턴해야 합니다.수(num)를 입력받아 1부터 num까지의 정수로
배열 배열은 Array 로 [ ] 로 요소들을 표현한다 요소들을 구분할땐 컴마(,) 로 구분을 하며 요소들의 순서는 인덱스(index)로 구분짓는다. 첫번째는 0부터 시작한다. 배열 또한 설명은 단순하나, 코플릿 문제를 풀어보면서 응용하는 방법이나 사용 방법에 대해서 알게 되었다. Q. 문제 임의의 값을 입력받아 타입을 리턴해야 합니다. 입력 인자 1 :...
오늘 배운 내용은 React의 기초다.오늘 배운 학습 내용을 상기하며 블로깅을 하려한다React란 프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리다Why? 왜 프론트엔드 개발을 위한 일까?그 이유를 서술해보려 한다Component 기반이다선언형이다범용성이
React Component에서 다루는 데이터로 두가지가 있다. 바로 Props 와 State 다. Props 는 부모 컴포넌트가 자식 컴포넌트에게 주는 값이다. 자식 컴포넌트에서는 Props 를 받아오기만하고,받아온 Props 를 직접 수정 할 수 는 없다. 이는 한
웹 어플리케이션 아키텍처(Web Application Architecture)는 응용 프로그램의 구성 요소 간의 상호 작용을 유지하는 소프트웨어를 구조화 한 것을 말한다. 웹 애플리케이션 아키텍처를 사용할 때는 사용자, 개발자, 소프트웨어 제품 소유자의 요구 사항을 고
HTTP Messages는 클라이언트와 서버 사이에서 데이터가 교환되는 방식이다. HTTP Messages에는 다음과 같은 두 가지 유형이 있다.요청(Requests)응답(Responses)HTTP Messages는 몇 줄의 텍스트 정보로 구성된다. 그러나 개발자는 이
웹페이지에서 일부분만 바꾸고 싶다면 어떻게 해야 할까? 그럴 때 우리는 AJAX를 사용한다.AJAX는 Asynchronous JavaScript And XMLHttpRequest의 약자로, JavaScript, DOM, Fetch, XMLHttpRequest, HTML
웹 개발에서 사용하는 대표적인 클라이언트는 브라우저다. 브라우저는 서버에 HTTP 요청을 보낼 수 있는 훌륭한 도구이지만, 주로 웹 페이지를 받아오는 GET 요청에 사용한다. 브라우저의 주소창에 URL을 입력하면, 해당 URL의 root-endpoint로 GET 요청을
재귀(再歸)(Recursion) : 원래의 자리로 되돌아가거나 되돌아옴.즉 자기 자신을 끝없이 호출하면서 같은 코드가 계속해서 실행되는 함수다. 재귀 함수를 잘 활용하면 반복적인 작업을 해야하는 문제를 좀 더 간결한 코드로 풀어낼 수 있다.재귀로 문제 해결하기물론 재귀
문제내가 작성한 CodeReference Code문제내가 작성한 CodeReference Code문제내가 작성한 CodeReference Code
UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와상호 작용하는 시스템을 의미한다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다.UI는
Figma는 2016년 9월에 출시된 UI 디자인&프로토타이밍 툴로, 출시 이후로꾸준히 점유율을 높여가다가 지금은 UI/UX 업계에서 가장 인기 있는 툴이 되었다.UX design.CO에서 4,000여명의 업계 종사자를 대상으로 실시한2020년 디자인 툴 조사에서 브레
D
기획자로부터 하나의 페이지 기획이 도착했고, 디자이너와 개발자가 협력하여 디자인과 개발이 진행되었다.페이지가 모두 완성되었는데, 다른 페이지에 적용되는 버튼에 대한 추가적인 기획안이 도착했다.그런데 기획자가 버튼에 대한 기획을 이전에 요청했던 버튼과 똑같이 사용하도록
Costom Component 과제의 의사코드를 작성하여 블로깅을 해보겠다. Modal.js Toggle.js
useRef란? >useRef 는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다. - React 공식 홈페이지 useRef는 저장공간 또는
상태관리가 필요한 이유? 상태관리가 필요한 이유를 이해하기 위해선 우선 상태가 무엇인지 알아야한다 상태란? 상태(state)는 React에서 컴포넌트 내에 관리되는 변수, 즉 변하는 데이터들이다. React API setState()로 선언되는 그것 맞다. props drilling 컴포넌트들은 서로 상태를 공유해야한다. 컴포넌트들은 props 형태로...
다음 Cmarket Shopping App은 Create React App으로 만든 React 애플리케이션에 Redux를 붙인 구조입니다.아이템 리스트 페이지(ItemListContainer)와 장바구니 페이지(ShoppingCart) 총 두 페이지로 간단하게 구성됩니
ㅇㅇ