[WIL] 210920~210926 항해 2주차

리액트 기본 주차 및 개인 프로젝트 시작!😳시간 진짜 빠르다.. 벌써 2주차라니..?!?!!!이번주는 추석연휴가 있어서 월요일이 아닌 목요일에 주특기 개인 프로젝트 발제가 시작됐다. 물론, 연휴 시작날부터 강의가 제공되어서 틈날 때마다 강의를 들었다. (지금 생각해보

어제
·
0개의 댓글

[React] 리액트 훅(React Hook) 이란?

리액트 컴포넌트는 클래스형 컴포넌트(Class component)와 함수형 컴포넌트(Functional component)로 나뉜다. 기존의 개발방식은 일반적으로 함수형 컴포넌트를 주로 사용하되 state이나 Life Cycle Method를 사용해야 할 때에만 클래스

3일 전
·
0개의 댓글

DOM(Document Object Model) 의미 📝

문서 객체 모델은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용

6일 전
·
0개의 댓글
post-thumbnail

[WIL] API / REST API

1주차 미니프로젝트가 드디어! 드디어!!! 끝이 났다.일주일이 어떻게 흘러갔는지도 모를 정도로 숨가쁘게 앞만 보고 달려왔기 때문에한 주가 지나기 전에 지금까지 했던 것들을 돌이켜 보며 회고하는 시간을 가지려고 한다. 이것저것 모르는 것들 투성이라.. 코드를 하나하나 짚

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

💡 JSON 이란?

JavaScript Object Notation의 약자이다.좀 더 쉽게 데이터를 교환하고 저장하기 위해 만들어진 텍스트 기반의 데이터 교환 표준이다.웹 어플리케이션에서 데이터를 전송할 때 일반적으로 사용한다. ( 서버에서 클라이언트로 데이터를 전송하여 표현하거나 반대의

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

[TIL] 항해 99 / D+ 3

느리지만 빠르게 3일차

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

[css] transition 변화 속성

hover 선택자 만으로는 애니메이션 효과가 밋밋할 수 있는데, 밋밋함에 디테일을 넣어주는 속성이 transition 이다. hover가 아니라 트리거가 될 클래스에 지정해준다.hover라는 특수 입력 값이 없으면 아무런 반응이 나타나지 않는다.transition :

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

화살표 함수

화살표 함수는 단순히 함수를 ‘짧게’ 쓰기 위한 용도가 아니다. 몇 가지 독특하고 유용한 기능을 제공한다.화살표 함수엔 this가 없다. 화살표 함수는 함수를 선언할 때 this에 바인딩할 객체가 정적으로 결정된다. 동적으로 결정되는 일반 함수와는 달리 화살표 함수의

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

setTimeout과 setInterval을 이용한 호출 스케줄링

setTimeout() 함수는 일정시간이 지난 후 인자로 받은 함수를 한번 실행해주는 메서드이다. 문법 : func | code실행하고자 하는 코드로, 함수 또는 문자열 형태이다. 대개는 이 자리에 함수가 들어간다. 하위 호환성을 위해 문자열도 받을 수 있게 해놓았지만

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

API가 무엇인가..? 쉽게 이해하자!

API란 무엇일까? 먼저 사전적 정의를 알아보자.API(Application Programming Interface 애플리케이션 프로그래밍 인터페이스, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는

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

객체로서의 함수와 기명 함수 표현식

자바스크립트에서 함수는 값으로 취급된다. 모든 값은 자료형을 가지고 있으며, 함수의 자료형은 객체이다. 함수는 호출이 가능한(callable) ‘행동 객체’ 이다. 우리는 함수를 호출할 수 있을 뿐만 아니라 객체처럼 함수에 프로퍼티를 추가·제거하거나 참조를 통해 전달할

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

new Function 문법

함수 표현식과 함수 선언문 이외에 함수를 만들 수 있는 방법이 하나 더 있다. new Function 문법을 사용하면 함수를 만들 수 있다.새로 만들어지는 함수는 인수 arg1...argN과 함수 본문 functionBody로 구성된다.인수 두 개가 있는 함수를 예로

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

오래된 'var'

💡 아래 글은 오래된 스크립트를 읽는 데 도움을 준다. 💡var로 선언한 변수의 스코프는 함수 스코프이거나 전역 스코프이다. 블록 기준으로 스코프가 생기지 않기 때문에 블록 밖에서 접근 가능하다.코드 블록이 함수 안에 있다면, var는 함수 레벨 변수가 된다.let

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

전역 객체

전역 객체를 사용하면 어디서나 사용 가능한 변수나 함수를 만들 수 있다.브라우저 환경에선 -> windowNode.js 환경에선 -> global 전역 객체 이름의 표준화 -> \`globalThis'전역 객체의 모든 프로퍼티는 아래와 같이 직접 접근할 수 있다. 권

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

나머지 매개변수와 전개 문법

함수 정의 방법과 상관없이 함수에 넘겨주는 인수의 개수엔 제약이 없다.함수를 정의할 땐 인수를 두 개만 받도록 하고, 실제 함수를 호출할 땐 이보다 더 많은 ‘여분의’ 인수를 전달했지만, 에러가 발생하지 않는다. 다만 반환 값은 처음 두 개의 인수만을 사용해 계산된다.

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

재귀와 스택

함수가 자기 자신을 호출하는 것.동일하면서 간단한 작업 여러 개로 나눌 수 있을 때 유용한 프로그래밍 패턴목표 작업을 간단한 동작 하나와 목표 작업을 변형한 작업으로 단순화시킬 수 있을 때 사용특정 자료구조를 다뤄야 할 때 사용두 가지 사고방식x를 n 제곱해주는 함수

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

구조 분해 할당

키를 가진 데이터 여러 개를 하나의 엔티티에 저장할 땐 객체, 컬렉션에 데이터를 순서대로 저장할 땐 배열을 사용한다.함수에 객체나 배열을 전달해야 하는 경우가 생기는데 객체나 배열이 저장된 데이터 전체가 아닌 일부만 필요할 경우가 생긴다. 이 때 객체나 배열을 변수로

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

JSON과 메서드

복잡한 객체를 다룰 때, 객체를 보내거나 출력하는 상황에서 객체는 문자열로 전환되어야 한다. 이러한 상황을 유연하게 대처하기 위해 json이 등장했다.JSON(Javascript Object Notation)은 값이나 객체를 나타내주는 범용 포맷이다. 본래 자바스크립트

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

Date객체와 날짜

내장 객체 Date는 날짜를 저장할 수 있고, 날짜와 관련된 메서드도 제공해준다.Date 객체를 활용하면 생성 및 수정 시간을 저장하거나 시간을 측정할 수 있고, 현재 날짜를 출력하는 용도 등으로 활용할 수 있다. new Date()를 호출하면 새로운 Date 객체가

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

Object.keys, values, entries

keys(), values(), entries()를 사용할 수 있는 자료구조는 다음과 같다.MapSetArray일반 객체에도 순회 관련 메서드가 있긴 한데, keys(), values(), entries()와는 문법에 차이가 있다. 일반 객체엔 다음과 같은 메서드를 사

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