profile
시작입니다.
태그 목록
전체보기 (96)TIL(77)WeCode(44)JavaScript(31)React(14)html(12)CSS(12)코어자바스크립트(6)codekata(6)typescript(5)reactnative(4)semantic(2)this(2)Algorithum(2)git(2)westagram(2)pagination(2)position(2)callback(2)refactoring(2)Event(1)정규표현식(1)linking(1)object(1)cors(1)component(1)동기/비동기(1)웹의 동작 원리(1)선택정렬(1)promise(1)import(1)video(1)compiler(1)dynamic routing(1)debugger(1)merge(1)rebase(1)http(1)DNS(1)linux(1)Flatlist(1)비교연산자(1)image(1)lifecycle(1)validation(1)path(1)recursion(1)navigator(1)도메인(1)color(1)datatype(1)실행컨텍스트(1)array method(1)float(1)text(1)기업협업(1)매개변수(1)useState(1)ReactHooks(1)revert(1)defaultProps(1)async(1)class(1)for(1)linkedlist(1)export(1)graphql(1)string method(1)ip(1)webpack(1)frontend(1)method(1)Flexbox(1)selector(1)inheritance(1)조건문(1)cli(1)반복문(1)https(1)bundler(1)const(1)let(1)var(1)회고록(1)repeat(1)초기설정(1)regex(1)interface(1)비트 연산자(1)async/await(1)key(1)Big O(1)fontawesome(1)BFS(1)eventhandler(1)State(1)arrow function(1)DOM(1)if문(1)Enum(1)Constructor(1)reset(1)모바일앱(1)Expo(1)font(1)프로젝트 후기(1)boxmodel(1)transition(1)TypeGuard(1)restapi(1)data(1)명령어(1)Table(1)재귀(1)array(1)form(1)getter(1)setter(1)display(1)developer tools(1)Defer(1)github(1)render(1)JSX(1)slice(1)babel(1)styled component(1)DFS(1)template literal(1)Props(1)datastructure(1)time(1)grid(1)backgroundimage(1)algorithm(1)redux(1)closure(1)emmet(1)gui(1)import/export(1)LiteralType(1)pwa(1)scope(1)sop(1)디자인패턴(1)function(1)
post-thumbnail

TIL] TypeScript-함수 작성법

출처: YOUTUBE-땅콩코딩

2021년 3월 22일
·
0개의 댓글
post-thumbnail

TIL] Git & Github 2

특정 브랜치의 작업 내용을 분기로 남기면서 master 브랜치에 반영하고 싶은 경우master branch로 이동한 후, git merge 브랜치 이름최근 master 브랜치의 상태를 특정 브랜치의 master로 변경한 뒤 작업을 반영하고 싶은 경우최근 version의

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

TIL] TypeScript-Sort of type

타입의 종류 any: 어떠한 타입이든 모두 가능한 타입이다. 다만, 좀 더 나은 코드를 작성하고 유지보수를 위해서는 사용을 지양하는 것이 좋다. union: 제한된 타입들을 동시에 지정하고 싶을 때 사용한다. aliases: 2개 이상의 타입 조합이 반복적으로

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL] TypeScript-Enum 및 Literal Type

연관된 아이템들을 함께 묶어서 표현할 수 있는 수단이다. Complie된 파일을 보면 Enum은 Interface와 다르게 코드가 직접적으로 구현되어 있는데 이는 Enum이 runtime에 존재하는 실제 객체라는 것을 의미한다. Numeric Enum의 각 Item

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL] 웹의 동작 원리

①② 사용자가 웹 브라우저를 통해 찾고 싶은 웹 페이지의 URL 주소를 입력함.→ https://velog.io/write?id=30e과 같은 주소를 입력하는 과정③ 사용자가 입력한 URL 주소 중에서 도메인 네임(domain name) 부분을 DNS 서버에서

2021년 2월 18일
·
0개의 댓글
post-thumbnail

TIL] TypeScript-타입추론/명시와 Interface

TypeScript에서는 타입 표기가 없는 경우, 작성된 코드를 읽고 분석하여 타입을 유추하여 지정할 수 있는데 이것을 타입 추론이라고 말한다.a의 type을 명시하지 않았지만 ts는 타입 추론을 통해 변수 a의 type을 number로 하였기 때문에 string 값을

2021년 2월 14일
·
0개의 댓글
post-thumbnail

TIL] TypeScript?

TypeScript는 MS에서 개발한 JavaScript의 superset인 프로그래밍 언어로서 TypeScript는 JavaScript의 모든 기능을 포함하면서 JavaScript에 포함되지 않은 타입 시스템을 지원한다. 타입 시스템을 사용함으로써 보다 안정적인 개발

2021년 2월 14일
·
0개의 댓글
post-thumbnail

TIL] Compiler-Bable

Babel은 모든 브라우저에서 최신 JavaScript 문법이 잘 동작하도록 도와주는 JavaScript Compiler이다.Compiler를 사용하는 이유는 최신 Version의 JavaScript 문법을 지원하지 않는 브라우저에서도 개발자가 의도한대로 코드가 동작하

2021년 2월 13일
·
0개의 댓글
post-thumbnail

TIL] Bundler-Webpack

Webpack? >Webpack은 JavaScript Module Bundler의 종류 중의 하나로 .js, .css, .jpg 등 여러개의 확장자로 구성된 여러개의 파일을 하나로 만들어 주는 도구이다. (bundler의 종류에는 Webpack, Broserify, P

2021년 2월 12일
·
0개의 댓글
post-thumbnail

TIL] regex-정규표현식(1)

정규 표현식 또는 정규식은 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어이다.\\d : digit을 의미함, 숫자를 포함한다.. \\d+를 사용하면 연결된 숫자를 포함한다. 010-1234-5678 => 010, 1234, 5678\\w : wo

2021년 2월 11일
·
0개의 댓글
post-thumbnail

TIL] React-List and Key?

React에서 key는 list의 item의 변경, 추가,제거 등을 구분하는 것을 도와준다. 안정적인 list를 구성하기 위해서는 array에 각 항목을 구분하기 위한 요소가 포함되어 있어야 한다.가장 최적의 방법은 item 들을 구분할 수 있는 string 형태의 고

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

TIL] JavaScript-Callback 함수(코어 자바스크립트)

Callback 함수는 다른 함수의 인자로 넘겨주면서 그 제어권도 같이 위임한 함수이다. Callback 함수를 위임받은 함수는 자체 내부 로직에 따라서 Callback 함수를 적절한 시점에 실행한다. 콜백함수의 제어권을 넘겨받은 코드는 콜백 함수를 호출할 때 인자에

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

Algorithum] 비트 연산자

비트 연산자는 피연산자를 32개의 비트(0과 1) 집합으로 취급합니다. 연산은 2진수 표현을 사용해 수행하지만 결과는 표준 JavaScript 숫자 값으로 반환합니다.직사각형을 만들기 위해서는 기존에 주어진 좌푯값 중 2개 이상 중복되지 않은 숫자를 찾으면 된다. 비트

2021년 1월 24일
·
0개의 댓글
post-thumbnail

Algorithum] Big O 표기법?

Big O 표기법은 알고리즘의 성능을 수학적으로 표현해주는 표현법이다. 해당 표기법을 사용하면 알고리즘의 시간, 공간 복잡도를 표현할 수 있다. 다만 Big O 표기법은 알고리즘의 실제 Running time을 재기 위한 목적이 아니므로 상수는 생략한다. ex) O(n

2021년 1월 23일
·
0개의 댓글
post-thumbnail

TIL] 디자인 패턴-Command, Adaptor, Proxy

커맨드(Command) 패턴은 요청을 객체의 형태로 캡슐화하여 사용자가 보낸 요청을 나중에 이용할 수 있도록 매서드 이름, 매개변수 등 요청에 필요한 정보를 저장 또는 로깅, 취소할 수 있게 하는 패턴이다.이 패턴을 사용하면 각종 생산성 툴처럼 여러 작업을 수행한 뒤

2021년 1월 18일
·
0개의 댓글
post-thumbnail

Algorithum] DFS vs BFS

탐색이란 많은 양의 데이터 중에서 원하는 데이터를 찾는 과정을 말한다.DFS는 깊이 우선 탐색이라고도 부르며 그래프에서 깊은 부분을 우선적으로 탐색하는 알고리즘입니다.DFS는 Stack(FILO) 형태의 자료구조를 사용하기 때문에 Recursion 사용하면 간결하게

2021년 1월 15일
·
0개의 댓글
post-thumbnail

TIL] JavaScript-this를 바인딩하는 방법(코어 자바스크립트)

함수를 호출하는 상황에 따라 this가 바인딩 되는 것이 다르지만 그것이 꼭 확정적인 것은 아니다. 이러한 규칙을 깨고 this에 별도의 대상을 바인딩하는 방법도 있다.call과 apply는 메서드의 해당 주체인 함수를 즉시 호출하도록 하는 명령이다. 이때 call과

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

TIL] JavaSript-동기/비동기, async/await

async/await는 Javascript의 비동기를 처리하는 문법의 최신 버전으로 기존 promise/callback 함수 형태 처리방식의 단점을 보완하고 코드의 가독성을 높힐 수 있도록 도와준다. 1)async/await: promise 객체(Javascript

2021년 1월 3일
·
0개의 댓글
post-thumbnail

TIL] JavaScript-상황에 따라 달라지는 this(코어 자바스크립트)

자바스크립트에서 this는 실행 컨텍스트가 생성될 때 결정됩니다. 실행 컨텍스트가 실행되는 경우는 함수가 호출될 때이므로 this는 함수가 실행될 때 결정된다고 할 수 있습니다.전역 공간에서 this는 전역 객체를 가리킵니다. 브라우저 환경에서의 전역객체는 this이고

2021년 1월 3일
·
0개의 댓글
post-thumbnail

Codekata] JavaScript

1차로 작성했던 코드는 일부 케이스가 통과되지 않아 구글링으로 몇 가지 풀이 방법을 보고 이해해서 정리해보았다. 1) 단, 바꾸려는 패턴을 정규식 형태로 작성하지 않았을 경우에는 바꾸려고 하는 문자를 전부 바꾸지 않고 첫번째 패턴만 치환한다.

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