profile
wanna be bright person✨ Front-End developer
태그 목록
전체보기 (46)TIL(39)frontend(30)web(17)CSS(14)js(12)git(7)html(7)display(3)객체(2)float(2)em(2)justify content(2)method(2)overflow(2)branch(2)negative margin(2)List(2)align content(2)WCAG(2)지수(1)felx-item(1)nameing convetion(1)웹접근성(1)grid template areas(1)hover(1)scope(1)WAI-ARIA(1)삼항 조건(1)initial(1)animation-shorthand(1)animation(1)tag(1)function(1)gradient(1)background-repeat(1)Immutable(1)undefined(1)산술(1)Type Casting(1)object(1)할당(1)(1)동적 타이핑(1)variable(1)datalist(1)position(1)background-size(1)felx(1)colunm-gap(1)비교(1)blog(1)figure!(1)타입 변환(1)vw(1)우선순위(1)id(1)absolute(1)text align(1)scale(1)link(1)grid auto columns(1)grid auto rows(1)animation-iteration-count(1)word-spacing(1)relative(1)command(1)TVING(1)strong(1)shell(1)push(1)animation-name(1)운용의 용이성(1)checked(1)스코프 체인(1)background-position(1)스코프(1)Symbol(1)merge(1)align self(1)Box Model(1)PRE(1)프로퍼티(1)호이스팅(1)order(1)transform(1)옵셔널 체이닝(1)align items(1)flex direction(1)flex wrap(1)vmax(1)boolean(1)radial-repeat(1)mutable(1)Image Optimization(1)font-shorthand(1)background-clip(1)a(1)쉼표(1)시멘틱 웹(1)vmin(1)웹 접근성 4대 지침(1)(1)cal()(1)지역 스코프(1)netflix(1)표현식(1)예약어(1)animation-play-state(1)논시멘틱 웹(1)프론트엔드(1)transition-shorthand(1)local scope(1)input(1)gap(1)Inherit(1)매개변수(1)null(1)vh(1)shell command(1)NaN(1)함수 호이스팅(1)animation-duration(1)flex-flow(1)abbr(1)그룹(1)img(1)revert(1)px(1)grid-shorthand(1)중첩함수(1)Global Attribute(1)number(1)node.js(1)padding(1)class(1)while(1)for(1)렉시컬 스코프(1)justify items(1)Flex(1)&&(1)width(1)flex-basis(1)Viewport(1)웹 콘텐츠 접근성 가이드라인(1)인수(1)optional chaining(1)콜백함수(1)Flexbox(1)layout(1)height값 살리기(1)offset(1)git flow(1)typeof(1)grid auto flow(1)p(1)span(1)div(1)flex grow(1)selector(1)hoisting(1)inheritance(1)조건문(1)break(1)margin(1)switch(1)continue(1)Web Content Accessibility Guidelines(1)pass by value(1)global scope(1)const(1)let(1)var(1)Outline Algorithm(1)font family(1)무손실 이미지 압축과 손실 이미지 압축(1)grid row(1)box-sizing(1)Font Weight(1)background-attachment(1)readme(1)제어문(1)Web Accessibility(1)hexo(1)z-index(1)conflict(1)amend(1)font-size(1)flex-shrink(1)String(1)Lazy loading(1)animation-direction(1)data type(1)리터럴(1)네이밍 컨벤션(1)select(1)commit(1)Web Contetn Accessibility Guidlines(1)재귀함수(1)이미지 스프라이트(1)delay(1)visited(1)아웃라인 알고리즘(1)background-shorthand(1)함수(1)Block Formatting Content(1)인식의 용이성(1)선택자(1)pass-by-reference(1)Sementic web(1)button(1)reset(1)clone(1)hidden(1)원시 값(1)license(1)@property(1)font-style(1)border(1)전역속성(1)line height(1)background image(1)animation-delay(1)Letter Spacing(1)block(1)Metadata(1)inline(1)issue(1)null병합(1)Scope Chain(1)clear(1)bfc(1)priority(1)rotate(1)max(1)opacity(1)전역 스코프(1)unset(1)Table(1)animation-fill-mode(1)background color(1)transfer(1)gitignore(1)단축 평가(1)radius(1)shallow copy(1)form(1)label(1)word-break(1)rem(1)pull(1)translate(1)background-origin(1)skew()(1)style(1)연산자 우선순위(1)text-indent(1)isNaN(1)상속(1)Image Sprite(1)active(1)height(1)text-transform(1)변수(1)이미지 최적화(1)nonsementic web(1)grid column(1)row-gap(1)template literal(1)식별자(1)text-decoration(1)none(1)음수 마진(1)else(1)if(1)Number.isNaN(1)반응형 이미지(1)timing-function(1)duration(1)remote(1)min(1)grid template rows(1)fontSize(1)deep copy(1)논리(1)add(1)
post-thumbnail

[JS] About NaN

NaN === NaN 이 false인 이유를 조사해 보았다.

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

[JS] 함수(Function)

함수의 정의와 선언 방법 및 다양한 함수의 종류를 다룬다.

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

[JS] 객체(Object)

JS의 객체, 프로퍼티에 대해 다룬다.

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

[JS] 표현식과 문

표현식과 문의 기본 개념에 대해 다룬다.

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

[JS] 타입 변환과 단축 평가

JS의 type casting과 optional chaining, null병합 등 단축 평가에 대해 다룬다.

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

[JS] 변수(Value)

hoisting, 재할당 등 JS의 변수에 대한 내용을 다룬다.

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

[JS] 제어문(Control Statement)

if, switch 등의 조건문과 for, while등의 반복문에 대해 다룬다.

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

[JS] 연산자(Operator)

산술,할당,비교,삼항 조건,논리,쉼표,그룹,typeof,지수 연산자들에 대해 다룬다.

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

[JS] JS 기초

JS 기초

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

[JS] Data Type(데이터 타입)

boolean, js, null, number, template literal, undefined 등 JS의 다양한 data type들에 대해 다룬다.

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

WCAG에 기반한 웹사이트 분석 - NETFLIX, TVING

WCAG에 기반하여 스트리밍 서비스 제공(NETFLIX / TVING) 분야의 웹사이트를 비교해보았다.

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

Web Content Accessibility Guidelines (WCAG) 2.1 요약

웹 접근성 4대 지침과, WCAG의 내용에 대해 공부하고 요약해 보았다.

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

[CSS] Negative Magin

Negative Magin의 정의를 알아보고, 예제를 통해 작동 원리를 익힌다.

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

[WebCafe] member-service 부분 구성(Negative Margin)

negetive margin 공부 메인메뉴 h2 태그 안보이게 하기 위해서 display: none; ->이렇게 하면 안됨. 왜냐면 아예 없애버리는거기땨문에, 접근이 불가능. 접근을 할 수 있도록 해야지 -> 화면 밖으로 나가버리게 한다. 근데 스크린리더가 읽을때

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

[CSS] Float & Clear

css의 float속성에 대해 자세히 다룬다. float clear하는 방법에 대해 다룬다. float로 인해 부모 요소의 height가 사라졌을 때의 해결 방법을 다룬다.

2021년 10월 26일
·
0개의 댓글

[10/26] css

1996 level 1 w3c발표css level 3는 모듈 단위로 개발중이다.css는 layout 관점으로 보는 것이 중요.1.상속2.겹침3.구체성float, inline/inline-block, position, display,box-sizing border-box

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

[HTML] 웹 접근성(Web Accessibility)과 WAI-ARIA

WAI-ARIA, 웹접근성에 대해 다룬다.

2021년 10월 25일
·
0개의 댓글