profile
javascript 공부하는 sumiindaeyo

JSX 활용하기

JSX규칙1개의 엘리먼트 안에 모든 엘리먼트가 포함된다엘리먼트 클래스 사용시, className으로 표기한다javascript 표현식 사용시, 중괄호 {} 사용한다사용자 정의 컴포넌트는 대문자로 시작(PascalCase)조건부 렌더링에는 삼항연사자 사용(if문 사용 금

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

React Intro

React의 3가지 특징선언형html + js = JSX를 활용하여 하나의 파일에 명시적으로 작성된다.컴포넌트하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 것이 컴포넌트컴포넌트는 분리가능하기 때문에 독립적으로 사용 가능함으로 재사용도 가능하여 기능 자체에 집중하여

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

DOM(Document Object Model)!!

DOM이란?HTML 문서의 구조와 관계를 객체로 표현한 모델트리구조(HTML도 트리구조, javascript객체도 트리구조)document라는 전역변수로 접근이 가능console.dir(document)를 개발자콘솔에서 치면?객체 형태로 출력된다.엘리먼트에 담긴 내용

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

원시자료형 vs 주소참조형

원시자료형을 복사하면 값을 복사한다let a = 1;let b = a;b = 2;// a의 값은 1// b의 값은 22.주소참조형let obj = {a:1}let obj1 = obj;obj1.a = 2;// obj의 값은 {a:1}// obj1의 값은 {a:2}let

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

배열순회, 객체순회하기.

배열 순회for(let ele of arr){} 형태로 사용한다.객체 순회for(let key in obj){} 형태로 사용한다.

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

how to use slice, splice, split, join method in array

slice splice split `let phoneNumber = '010-1234-5678'이 문자열이 담긴 변수에 ["010","1234","5678"]의 배열의 형태로 바꾸고 싶다면??? phoneNumber.split('-')응 사용할 수 있다.` j

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

Flex Box ???

float이란?flex-box의 등장으로 float은 현재 이미지와 텍스트를 배치하는 방법으로 사용되어지고 있다.종류로는 float:left(이미지가 왼쪽상단에 나머지 텍스트가 채워진다), float:center(이미지가 상단 중간에 나머지는 텍스트가 채워진다), fl

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

CSS - Semantic tag

Semantic tag 종류로 head, body, header, div, nav, main, aside, footer등이 있다.

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

API 서버 요청하기(9-28)

1\. API 서버는 클라이언트에게 자원을 잘 활용할 수 있도록 인터페이스 즉, API(Application Programming Interface)를 제공해야 한다.\*\* 서버(server): 날씨 정보(자원)를 제공하는 기상청클라이언트(client):자원을

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

JSON.stringfy, Tree-UI(9-27)

https://www.json.org/json-ko.html제이슨 공식문서 참고

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

타이머 API (9-23)

타이머 API는 \_.delay문제를 풀기 위해 알아야할 개념setTimeout(callback, millisecone) : 일정 시간 후에 함수를 실행한다arguments1.실행할 callback 함수2.callback함수 실행 전 기다려야 할 시간(밀리초)retur

2020년 12월 30일
·
0개의 댓글
·

비동기 호출(9-23)

Achievement Goals비동기 호출비동기 호출의 개념에 대해서 이해한다.setTimeout 등의 비동기 호출 함수를 이용할 수 있다.타이머API로 DELAY시켜주는 기능을 가지고 있다.Advanced Challengeunderbar.js 스프린트의 Advance

2020년 12월 29일
·
0개의 댓글
·

UnderScore (9-22)

Underscore.js란?자바스크립트 라이브러리로 컬렉션, 배열을 처리하는데 유용한 함수들이 제공된다.Collections / Arrays / Functions / Objects / Utility 5가지로 분류되어있다.모든 함수는 안에 들어있다.(예 : .each)c

2020년 12월 29일
·
0개의 댓글
·

재귀적 사고 연습 (9-20)

재귀란?문제를 해결할 때 구조가 동일하다면 더 작은 경우를 해결함으로 문제를 해결하는 방법을 말한다. 0\. 위 예시 함수를 쪼개서 생각해보자.1\. 원래 문제에서 출발 -> 더 작은 경우를 생각한다.2\. 더는 작아지지 않을때까지 더 작은 경우를 생각해보자.3\. 문

2020년 12월 27일
·
0개의 댓글
·

DOM 라이브 강의 정리(9-19)

앨리먼트를 HTML과 CSS말고 객체 형태로 볼 수 있는 방법은 console창에 console.dir($0)으로 조회할 수 있다.$0은 해당앨리먼트를 선택하면 Elements탭 html에서 해당 앨리먼트가 선택되면서 오른쪽에 $0표시가 생긴다. 그 상태에서 콘솔창에

2020년 12월 25일
·
0개의 댓글
·

isogram 풀기(9-19)

isogram을 풀다가 다양한 방식으로 풀게되어서 블로그를 작성하면 좋을 것 같아 올려본다.첫번째 방법!필자는 이 방법으로 푸는것이 제일 편했다. 하지만 더 짧고 간결한 방법들이 많아서 공부할 겸사겸사 올려본다.두번째 방법!정규표현식이라고 하는데.... 아직 코린이에겐

2020년 12월 24일
·
0개의 댓글
·

HTML에 Javascript 적용하기(9-18)

유효성 검사

2020년 12월 24일
·
0개의 댓글
·

DOM 이해하고 조작하기 (9-17)

DOM기초

2020년 12월 23일
·
0개의 댓글
·

고차함수 정리 (9-13,14)

고차함수 코플릿 문제풀기 1-9(1시30~

2020년 12월 19일
·
0개의 댓글
·

고차함수(9-11)

\- 일급 객체(first-class citizen)의 세 가지 특징을 설명할 수 있다.대표적인 일급객체는 함수.1.변수에 할당(assignment) 가능2.다른 함수의 인자(argument)전달 가능(콜백함수)3.다른 함수의 결과로 리턴 가능4.배열의 요소, 객체의

2020년 12월 17일
·
0개의 댓글
·