- 전체보기(29)
- JavaScript(11)
- js(10)
- React(5)
- 타입스크립트(4)
- typescript(4)
- 함수(3)
- reactjs(3)
- type(2)
- 코딩애플(2)
- CSS(2)
- useState(2)
- parameter(2)
- 순수함수(1)
- 동기(1)
- imgtag(1)
- Primitive Types(1)
- 호이스팅(1)
- Purity(1)
- rest parameter(1)
- arguments(1)
- 플렉스(1)
- Prototype(1)
- useEffect(1)
- ajax(1)
- assertion(1)
- 비동기(1)
- class(1)
- Flex(1)
- method(1)
- VOID(1)
- 자바스크립트(1)
- 훅(1)
- background img(1)
- jquery(1)
- semanticTag(1)
- semantic(1)
- html(1)
- narrowing(1)
- es8(1)
- 시멘틱(1)
- readonly(1)
- ES5(1)
- shallow copy(1)
- array(1)
- spread operator(1)
- 스타일컴포넌트(1)
- styled component(1)
- 객체지향(1)
- openapi(1)
- ES6(1)
- pure(1)
- deep copy(1)
- 기능(1)
- bookmark(1)
- Default Value(1)
- args(1)
- function(1)
- hooks(1)
- promise(1)
What is React
리액트는 자바스크립트 라이브러리로 UI 유저 인터페이스를 빌딩할때 사용 한다. >페이스북에 의해 2013년도에 개발 되었다! >리액트가 가장 영향력있는 UI 라이브러리 라고 해도 과언이 아니다. >리액트를 사용하여 컴포넌트를 제작한다. >이러한 컴포넌트들은 UI의 lo
[Javascript] Async / Await
https://www.youtube.com/watch?v=V_Kr9OSfDeUPromise보다 더 쉽게 쓸 수 있는 ES8 문법aysnc라는 키워드를 함수 선언 앞에다 써주면 new Promise()오브젝트가 저절로 생성 된다.then()의 지옥에서 벗어나기
Pure Functions in Javascript
Pure Function is a function (a block of code ) that always returns the same result if the same arguments are passed. It does not depend on any state,
[Javascript] Promise 프로미스
Promise > Promise는 성공/실패 판정하는 기계~! > 일반 콜백함수에서는 A 실행후 B를 실행해 주세요~ 이런 방식이였다면 > Promise에서는 A 실행후 성공이면 B를 실행해주세요 실패면 C를 실행해주세요 이렇게 작동한다. > Promise의 3가
How Browser works 브라우저 작동 원리
https://bbangson.tistory.com/87 주소창에 https://www.naver.com 혹은 https://www.youtube.com 등 다양한 URL을 검색하여 해당 웹 페이지에 접속한 경험이 있을 겁니다. 그렇다면 어떤 동작 원리로 우리가 입
Shallow Copy vs Deep Copy feat.Spread Operator {...}
source: https://www.freecodecamp.org/news/copying-stuff-in-javascript-how-to-differentiate-between-deep-and-shallow-copies-b6d8c1ef09cd/ Spread Opera
[TS] type alias & readonly 타입
type alias를 작명할때는 항상 영어 대문자로 시작하는 관습이 있다. 일반 변수와 차별화를 두기 위해
[TS] 타입 확정 Narrowing & Assertion
Narrowing은 타입을 하나로 정한다라는 느낌이다 narrowing it downUnion Type등으로 변수의 타입이 불확실하다면 narrowing을 해준다as 문법은 막 남발해서 쓰면 안된다 as 문법은 Union Type을 하나로 확정 시킬때 써야한다.as 문
[TS] Typescript 기본 타입 primitive types
Union Type은 number | string 이렇게 |을 이용하여 타입2개 이상을 합친 "새로운 타입을 만드는것이다":any는 사실상 타입스크립트를 안쓰는거랑 마찬가지다
[Javascript]Rest Parameter
Rest Parameter는 MDN에도 나와있는데ES6문법으로 작성하고 있다면 arguments대신 rest parameter로 작성하라고 써있다Note: If you're writing ES6 compatible code, then rest parameters sho
[Javascript]Arguments 객체
자바스크립트 함수에는 arguments라는 객체가 존재한다arguments is an Array-like object accessible inside functions that contains the values of the arguments passed to that
[Javascript]함수 파라미터의 기본값 function parameter
자바스크립트 함수는 파라미터라는 것이 있다근데 저 name이라는 파라미터에 기본값 default value또한 넣어 줄 수 있다.
[Javascript] 함수 Function 선언과 표현식
자바스크립트는 함수를 다양하게 표현할 수 있게 해준다먼저 알아볼것은 함수 표현식이다이것은 표현식이다 변수에 함수를 할당하여 선언하는 방식이다.함수 선언식이건 함수 선언식(function declaration)이다. 함수를 변수에 할당하는것이아니라 그냥 바로 선언하는 방
[React] useState Hook
useState는 함수형 컴포넌트에서 사용된다.useState는 클래스형의 this.state, this.setState와 같다useState를 사용하는 방법은 아래와 같다이렇게한다면 출력 값은 Apple이 아닌 Banana로 바뀌어서 출력된다.
[Javascript]호이스팅 Hoisting
먼저 호이스팅에대해 정리를 하자면 호이스팅은 var라는 변수선언 해주는 변수선언문의 scope를 최상단으로 올려주는 행위 이다.HoistingJavaScript Hoisting refers to the process whereby the interpreter alloc
Styled-Components 스타일 컴포넌트
What is Styled-Components? Styled-components는 라이브러리이다! 프로젝트를 진행 하다가 컴포넌트 파일이 많아지면 CSS를 작성할때 한곳에 다 몰아서 넣으면 많은 고충이 있다 예를들어 중복된 className이 사용 될 수가 있다.