profile
시작입니다.
태그 목록
전체보기 (101)TIL(81)WeCode(44)JavaScript(31)React(14)html(12)CSS(12)codekata(6)코어자바스크립트(6)typescript(5)dart(5)reactnative(4)this(3)semantic(2)class(2)git(2)interface(2)Algorithum(2)inheritance(2)westagram(2)pagination(2)getter(2)setter(2)position(2)callback(2)Constructor(2)refactoring(2)variable(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)for(1)linkedlist(1)export(1)graphql(1)string method(1)ip(1)webpack(1)frontend(1)method(1)Flexbox(1)selector(1)조건문(1)cli(1)반복문(1)https(1)bundler(1)const(1)let(1)var(1)회고록(1)repeat(1)초기설정(1)regex(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)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)super(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)override(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)Event(1)정규표현식(1)linking(1)object(1)cors(1)component(1)
post-thumbnail

[Dart] Interface

Interface : class에서 꼭 선언해야하는 변수/함수 등을 정의할 때 interface 개념을 사용한다. . 별도의 선언 방법은 없으며 class를 생성하듯 Interface class를 만들면 된다.. Interface class를 implements 하는

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

[Dart] this and super

🌼 this and super : this는 class 내의 변수에 접근할 때 사용하는 keyword이다. : 부모 class의 변수를 자식에게 상속하고 싶을 때 사용하는 keyword이다.

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

[Dart] Inheritance and Override

🌼Inheritance 🌼Override

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

[Dart] Getter and Setter

Getter: class 내부의 값을 가져올 때 사용한다.Setter: class 내부의 값을 변경할 때 사용한다.Q 함수를 사용해도 값을 읽거나 변경할 수 있는데 getter와 setter를 사용하는 이유는 무엇일까? . 함수를 사용하면 사용시 () barcket이

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

[Dart] 변수, class 선언 및 사용

🌼 변수 선언 : compile시, 값이 할당되어 있어야 한다. : runtime시, 값을 할당해도 된다. 1) 값이 할당되면 바꿀 수 없다는 것은 동일하다. 2) 일반적으로 final을 더 많이 쓴다. 🌼 class 선언 및 사용 class란 비

2021년 7월 19일
·
0개의 댓글
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개의 댓글