profile
wanna be bright person✨ Front-End developer
태그 목록
전체보기 (86)TIL(72)frontend(61)js(45)web(17)CSS(14)html(7)git(7)display(3)const(2)let(2)float(2)align content(2)React(2)NaN(2)DP(2)undefined(2)deep copy(2)function(2)isFinite(2)em(2)branch(2)코딩테스트(2)isNaN(2)includes()(2)arguments(2)catch(2)@property(2)WCAG(2)백준(2)알고리즘(2)List(2)indexOf(2)slice(2)this(2)overflow(2)push(2)finally(2)call(2)number(2)boj(2)DOM(2)negative margin(2)error(2)async(2)coding test(2)algorithm(2)String(2)객체(2)method(2)justify content(2)charAt(1)nameing convetion(1)웹접근성(1)setRequestHeader(1)grid template areas(1)chrome(1)hover(1)scope(1)apply(1)epsilon(1)WAI-ARIA(1)함수 리터럴(1)삼항 조건(1)initial(1)test(1)animation-shorthand(1)prototype property(1)offsetWidth(1)animation(1)search(1)tag(1)Event(1)exec(1)Promise Chaining(1)정규표현식(1)gradient(1)background-repeat(1)Immutable(1)산술(1)rest 파라미터(1)객체 환경 레코드(1)destructuring assignment(1)Type Casting(1)object(1)할당(1)WebStorage(1)cors(1)asynchronous(1)(1)동적 타이핑(1)variable(1)datalist(1)이벤트 위임(1)position(1)이벤트 핸들러 프로퍼티(1)resolve(1)math(1)background-size(1)타겟(1)setMinutes(1)정적 프로퍼티(1)felx(1)colunm-gap(1)promise(1)태스크 큐(1)import(1)객체 동결(1)비교(1)blog(1)every(1)figure!(1)Math.abs()(1)타입 변환(1)vw(1)우선순위(1)싱글 스레드(1)id(1)Prefilght Request(1)동기(1)객체 밀봉(1)빌트인 전역 프로퍼티(1)absolute(1)text align(1)scale(1)environment(1)in 연산자(1)open(1)link(1)property attribute(1)grid auto columns(1)grid auto rows(1)animation-iteration-count(1)word-spacing(1)relative(1)command(1)GET(1)POST(1)TVING(1)session storage(1)strong(1)lodash(1)shell(1)animation-name(1)운용의 용이성(1)checked(1)스코프 체인(1)background-position(1)stopPropagation(1)프로퍼티 섀도잉(1)스코프(1)Symbol(1)merge(1)align self(1)CunstomEvent(1)bind(1)Box Model(1)콜 스택(1)함수 실행 컨텍스트(1)isArray(1)PRE(1)배열 디스트럭처링 할당(1)프로퍼티(1)리액트(1)호이스팅(1)order(1)프로토타입 상속(1)transform(1)모듈 패턴(1)이벤트 전파(1)전역 변수(1)쿠키(1)정보 은닉(1)옵셔널 체이닝(1)align items(1)flex direction(1)flex wrap(1)ScrollWidth(1)non - constructor(1)vmax(1)전역 코드(1)이벤트 핸들러 this(1)boolean(1)es6 메서드(1)radial-repeat(1)mutable(1)메서드 축약(1)Image Optimization(1)모듈(1)순수 함수(1)font-shorthand(1)Math.pow()(1)findIndex(1)length(1)프로미스 체이닝(1)Web Storage(1)background-clip(1)크롬(1)a(1)쉼표(1)시멘틱 웹(1)vmin(1)웹 접근성 4대 지침(1)(1)XMLHTTPRequest(1)flatmap(1)isSafeInteger(1)try(1)cal()(1)커스텀 이벤트(1)지역 스코프(1)send(1)netflix(1)ES6 모듈(1)표현식(1)예약어(1)Math.round(1)공통 부분 문자열(1)캡슐화(1)Module(1)settled(1)animation-play-state(1)캡처링(1)논시멘틱 웹(1)document object model(1)함수 코드(1)Spread Syntax(1)construct(1)래퍼 객체(1)프론트엔드(1)transition-shorthand(1)local scope(1)input(1)setHours(1)프로토타입(1)fill(1)전역 실행 컨텍스트(1)gap(1)Replow(1)ScrollHeight(1)toDateString(1)throttle(1)debounce(1)디바운스(1)스로틀(1)Inherit(1)교차 출처 리소스 공유(1)매개변수(1)Credentialed Request(1)null(1)vh(1)shell command(1)Prototype(1)await(1)sessionStorage(1)data property(1)useEffect(1)useState(1)toISOString()(1)JOIN(1)ajax(1)Infinity(1)new.target(1)함수 호이스팅(1)animation-duration(1)flex-flow(1)abbr(1)setDate(1)그룹(1)img(1)revert(1)px(1)match(1)grid-shorthand(1)getFullYear()(1)중첩함수(1)parseFloat(1)parseInt(1)기하 프로퍼티(1)getHours()(1)reject(1)Global Attribute(1)비동기(1)15729(1)node.js(1)즉시 실행 함수 (IIFE)(1)Math.ceil(1)전역 객체(1)이벤트 타입(1)padding(1)hasOwnProperty(1)class(1)getSeconds(1)while(1)for(1)데이터 프로퍼티(1)렉시컬 스코프(1)정적 메소드(1)justify items(1)함수 환경 레코드(1)Flex(1)export(1)&&(1)width(1)target phase(1)flex-basis(1)Viewport(1)ESLint(1)웹 콘텐츠 접근성 가이드라인(1)인수(1)optional chaining(1)콜백함수(1)모듈 스코프(1)외부 렉시컬 환경에 대한 참조(1)이벤트 핸들러 등록(1)암묵적 결합(1)Flexbox(1)layout(1)height값 살리기(1)offset(1)git flow(1)unshift(1)typeof(1)Object.create(1)grid auto flow(1)선언적 환경 레코드(1)p(1)span(1)div(1)flex grow(1)selector(1)setSecond(1)hoisting(1)SOME(1)isInteger(1)Math.sqrt()(1)inheritance(1)조건문(1)break(1)margin(1)switch(1)REST API(1)find(1)toExponential(1)continue(1)Web Content Accessibility Guidelines(1)pass by value(1)concat(1)global scope(1)var(1)Outline Algorithm(1)font family(1)replace(1)무손실 이미지 압축과 손실 이미지 압축(1)grid row(1)클로저(1)box-sizing(1)MAX_VALUE(1)repeat(1)(1)Font Weight(1)getTimezoneOffset(1)background-attachment(1)global variable(1)getTime()(1)readme(1)제어문(1)filter(1)Microtask Queue(1)Web Accessibility(1)default(1)hexo(1)z-index(1)일급 객체(1)conflict(1)foreach(1)for...in(1)Math.floor(1)amend(1)font-size(1)flex-shrink(1)Lazy loading(1)animation-direction(1)data type(1)리터럴(1)빌트인 전역 함수(1)전역 환경 레코드(1)clientHeight(1)네이밍 컨벤션(1)select(1)commit(1)Web Contetn Accessibility Guidlines(1)재귀함수(1)이미지 스프라이트(1)ClearTimeout(1)local storage(1)delay(1)new(1)visited(1)아웃라인 알고리즘(1)useMemo(1)useReducer(1)useRef(1)synchronous(1)Sort(1)background-shorthand(1)함수(1)setInterval(1)setTimeout(1)pseudo class(1)arguments 객체(1)timer(1)@Target(1)Block Formatting Content(1)clientWidth(1)bubbling phase(1)tofixed(1)인식의 용이성(1)직접 상속(1)getMinutes(1)Shllow Copy(1)stringify()(1)offsetHeight(1)선택자(1)pass-by-reference(1)Sementic web(1)Constructor(1)Simple Request(1)button(1)reset(1)object.entries(1)clone(1)hidden(1)실버(1)원시 값(1)license(1)hook(1)useCallback(1)프로퍼티 어트리뷰트(1)this 바인딩(1)콜백 헬(1)shift(1)repaint()(1)골드5(1)font-style(1)접근자 프로퍼티(1)reduce(1)식별자 검색 과정(1)border(1)전역속성(1)정규식(1)setMonth(1)splice(1)line height(1)background image(1)프로퍼티 축약(1)preventDefault(1)animation-delay(1)capturing phase(1)clearInterval(1)localstorage(1)Pop(1)실버1(1)Letter Spacing(1)toPrecision(1)block(1)Metadata(1)CurrentTarget(1)화살표 함수(1)instanceof 연산자(1)inline(1)issue(1)accessor property(1)이벤트 핸들러 어트리뷰트 방식(1)null병합(1)Scope Chain(1)name(1)clear(1)split()(1)네임 스페이스(1)bfc(1)priority(1)reverse(1)rotate(1)max(1)strict mode(1)opacity(1)onload(1)전역 스코프(1)모듈 코드(1)removeEventListener(1)unset(1)Table(1)animation-fill-mode(1)background color(1)transfer(1)gitignore(1)단축 평가(1)radius(1)shallow copy(1)array(1)form(1)label(1)tsconfig(1)super(1)Then(1)Fetch(1)getdate(1)word-break(1)실행 컨텍스트(1)addEventListener(1)Flat(1)rem(1)toLocalString & toLocalTimeString(1)paused in debugger(1)parse()(1)골드(1)pull(1)translate(1)background-origin(1)skew()(1)style(1)Defer(1)Object 생성자 함수(1)substr(1)연산자 우선순위(1)차이점(1)text-indent(1)상속(1)toString(1)자유 변수(1)Image Sprite(1)GetDay(1)Fulfilled(1)eval 코드(1)active(1)cookie(1)height(1)CSSOM(1)text-transform(1)변수(1)전역 렉시컬 환경(1)이미지 최적화(1)마이크로태스크 큐(1)getMonth(1)nonsementic web(1)row-gap(1)object.keys(1)block level scope(1)Map(1)grid column(1)template literal(1)regexp(1)식별자(1)text-decoration(1)블록 레벨 스코프(1)객체 디스트럭처링 할당(1)setFullYear(1)none(1)음수 마진(1)else(1)if(1)Number.isNaN(1)pseudo element(1)반응형 이미지(1)timing-function(1)duration(1)버블링(1)remote(1)object.values(1)min(1)dispatchEvent(1)ES6(1)이벤트 루프(1)Pending(1)Date(1)객체 확장 금지(1)디스트럭처링 할당(1)(1)grid template rows(1)fontSize(1)clientLeft(1)프로토타입 체인(1)dynamic programming(1)clientTop(1)스프레드 문법(1)redux(1)상태관리(1)오버라이딩(1)논리(1)closure(1)trim()(1)방탈출(1)5582(1)add(1)빌트인 객체(1)POSITIVE_INFINITY(1)지수(1)felx-item(1)
post-thumbnail

React Native Image로 Button만들기

나는 버튼 내부에 이미지가 있어야 했고 그 이미지는 원형이어야 했다.이렇게 image 속성을 주면 된다참고로 imaage 속성 내에 resizeMode={'contain'}을 주면 전체 이미지로 다 보임

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

Parsing error: Cannot read file '...tsconfig\file' 해결 방법

Parsing error: Cannot read file '..t.sconfig\file'

2022년 6월 11일
·
0개의 댓글
post-thumbnail

[크롬] `paused in debugger` 해결방법

[크롬] paused in debugger 해결방법

2022년 5월 28일
·
0개의 댓글
post-thumbnail

React Hook

React Hook에 대해 정리했다.

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

Redux

state는 props로 전송해야 사용할 수 있다.component가 많아지면? 계속해서 내려보내고 내려보내야 하잖아. -> 너무 불편해!!!그래서 생긴 게 뭐다? 상태 관리 Library Redux다.Redux를 이용하면 모든 component들이 state를 꺼내

2022년 4월 29일
·
0개의 댓글
post-thumbnail

[JS] Error

JS의 Error와, try, catch 문 그리고 에러의 전파에 대해 다룬다.

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

About CORS

CORS(Cross-Origin Resource Sharing)에 대해 다룬다.

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

[JS] 모듈

JS의 모듈 개념과, default, export, import, 모듈 스코프에 대해 다룬다.

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

[JS] async/await

async/await에 대해 다룬다.

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

[JS] Promise

Promise의 정의와 예제, promise의 정적 메소드와 fetch 등에 대해 다룬다.

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

[JS] REST API

REST API에 대해 알아보고, 실습한 내용을 정리했다.

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

[JS] Ajax

Ajax와 XMLHttpRequest를 이용한 HTTP요청, 응답에 대해 다룬다.

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

About clientHeight(width), offsetHeight(width), scrollHeight(width)

offsetHeight(Width), clientHeight(Width), scrollHeight(Width) 와 같은 기하 프로퍼티에 대해 다룬다.

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

[JS] 비동기 처리

JS에서의 동기, 비동기 처리를 알아본다.

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

[JS] Timer

JS의 timer 함수와, timer 함수를 이용한 debounce, throttle에 대해 다룬다.

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

About Cookie & WebStorage

Cookie와 Local Storage, Session Storage의 개념과 그 차이에 대해 조사하고 공부해보았다.

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

[JS] 브라우저의 렌더링 과정

Replow, Repaint, async, defer, CSSOM, DOM과 같은 브라우저의 렌더링 과정에 대해 다룬다.

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

[JS] DOM

JS의 DOM요소를 다루는 많은 메서드들을 다룬다.

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

[JS] String

String 메서드들에 다룬다.

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