profile
(~˘▾˘)~♫❝ 쉽게만 살아가면 재미없어 빙고 .ᐟ ❞•*¨*•.¸¸♪
태그 목록
전체보기 (154)TIL(99)JavaScript(60)React(30)web(28)react.js(24)알고리즘(23)코드카타(23)algorithm(22)codekata(22)CSS(14)html(10)DOM(9)코어자바스크립트(8)js(7)WeCode(7)typescript(6)API(6)array(5)component(4)clone(4)review(4)git(4)SSR(3)hooks(3)next.js(3)Event Handler(3)clone project(3)seo(3)자바스크립트(3)Sass(3)this(2)타입스크립트(2)promise(2)styled components(2)pre-rendering(2)useEffect(2)useState(2)http(2)Database(2)주니어개발자(2)routing(2)CS(2)await(2)framework(2)jquery(2)bootstrap(2)신입개발자(2)웹팩(2)webpack(2)sourcetree(2)Query String(2)MVC(2)async(2)클론코딩(2)library(2)mobx(2)클래스(1)terminal(1)ES6(1)rebase(1)datastructure(1)비전공자(1)Flexbox(1)callback(1)동적라우팅(1)Function Component(1)Directory(1)MVC패턴(1)Class Component(1)mockdata(1)scroll event(1)i18n(1)Flag(1)개발자 도구(1)setter(1)pagination(1)무한스크롤(1)데이터타입(1)코드리뷰(1)Code Review(1)browser(1)authentication(1)interface(1)심볼(1)피드백(1)data(1)Conference(1)프로토타입(1)infinite scroll(1)ReactRouter(1)Restful(1)mock(1)authorization(1)부트캠프(1)콜백함수(1)sorting(1)parameter(1)호이스팅(1)throttle(1)debounce(1)비동기처리(1)react i18next(1)2020(1)개발문화(1)앵귤러(1)DevTools(1)실행컨텍스트(1)라우팅(1)retrospect(1)전역상태관리(1)Aquery(1)project review(1)mansonry(1)google map(1)project reveiw(1)searchbar(1)검색창(1)검색결과페이지(1)ordering(1)faker.js(1)data fetching(1)module bundler(1)mobx-react-lite(1)여성개발자컨퍼런스2020(1)if(kakao)(1)리액트라이브러리(1)다국어처리(1)객체 프로퍼티(1)프로퍼티 플래그(1)Object.defineProperties(1)Object.getOwnPropertyDescriptors(1)weakset(1)weakmap(1)prevent scroll(1)스크롤 막기(1)reveal2020(1)react-modal(1)tech conference(1)tagged templates(1)opp(1)protocol(1)modeling(1)classList(1)@property(1)mock data(1)hosting(1)kakao(1)브라우저(1)redux(1)decorator(1)frontend(1)Angular(1)react native(1)linux(1)refactoring(1)클로저(1)reactjs(1)번역(1)개발자(1)github(1)카카오(1)npm(1)cli(1)Map(1)프레임워크(1)스코프(1)class(1)shell(1)Flux(1)google(1)developer(1)프론트엔드(1)보안(1)hook(1)Symbol(1)getter(1)stack(1)queue(1)closure(1)배열(1)domain(1)State(1)useRef(1)Prototype(1)json(1)위코드(1)axios(1)ajax(1)tuple(1)set(1)function(1)method(1)디자인패턴(1)Expo(1)컨퍼런스(1)
post-thumbnail

TIL 38 | 아이디 검색 기능 구현 - Array.filter(), z-index

인스타그램의 search input을 구현하는 작업이었다. 값을 입력할때마다 그 값을 포함하는 배열을 새로 만들어 리스트로 보여주는 형식이다.

2020년 8월 28일
·
0개의 댓글
post-thumbnail

인스타그램 클론 코딩 리뷰 (2)

메인페이지에서는 댓글의 input 창에서 enter키를 치거나 "게시" 버튼을 누르면 댓글이 추가되도록 만드는 과제가 주어졌다. createElement로 요소를 생성하여 input에 입력한 값이 추가되는 함수를 구현하는 조건이다.

2020년 8월 24일
·
0개의 댓글
post-thumbnail

인스타그램 클론 코딩 리뷰 (1)

인스타그램의 HTML, CSS를 클론하고, 간단한 이벤트함수를 자바스크립트로 구현했다. 초반에는 Flexbox 개념이 생소하여 다소 어려움을 느꼈지만, 디자인 작업을 하듯 재미있게 한 코딩작업이었다.

2020년 8월 24일
·
0개의 댓글
post-thumbnail

TIL 35 | CSS Flexible Box

Flexbox 연습하는 사이트 : https://flexboxfroggy.com/#ko

2020년 8월 24일
·
0개의 댓글
post-thumbnail

Semantic Web & Semantic Tag

본 포스팅은 [HTML 바로 알기] Semantic Web을 위한 Semantic Elements ( https://blueshw.github.io/2020/05/09/know-html-semantic-elements/ ) 를 바탕으로 작성되었습니다! Semantic

2020년 8월 19일
·
0개의 댓글
post-thumbnail

CSS Layout

HTML에서는 static 포지션이 기본값이다. 이는 HTML이 작성된 순서대로 나열이 되어있는 형태를 의미한다. 원하는 위치에 요소들을 배치하기 위해서는 relative, absolute, fixed와 같은 position 속성을 부여해주어야 한다.relative는

2020년 8월 19일
·
0개의 댓글
post-thumbnail

TIL 21 | HTML/CSS +α

wecode에서 새롭게 알게된 HTML/CSS 내용을 보충하여 작성한다.<span>에는 오른쪽 정렬이 되도록 클래스를 부여해도 오른쪽 정렬이 되지 않는다. 이는 <span>이 inline-element이기 때문에, <span>이 차지하는 영역은 "&lt

2020년 8월 18일
·
0개의 댓글
post-thumbnail

TIL 16 | To-do List 만들기 리뷰

jQuery 로 만들어봤던 To-do List를 순수 Javascript로 다시 만들어본다.To-do List 페이지To-do List 깃허브자바스크립트에 비해 코드가 훨씬 간단해진다.

2020년 7월 25일
·
1개의 댓글
post-thumbnail

TIL 09 | Bootstrap 4! 타이포그래피와 레이아웃

rem 을 사용하면 비율에 따라 크기를 설정할 수 있다.1 rem = 16px2 rem = 32px.display-1 = 6remdisplay 클래스를 사용하여 더 큰 제목용 타이포그래피를 사용할 수 있다.<blockquote class="blockquote">로

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

TIL 08 | 자기소개 페이지 그룹 리뷰

7월 18일, 위코드 사전스터디 첫 모임에서 피드백 받은 내용, 새로 알게 된 내용을 정리한다.페이지의 링크를 보냈을 때, 미리보기로 나타나는 제목과 사진, 설명을 설정할 수 있는 기능이다.페이지 탭에 작게 뜨는 이미지를 설정할 수 있다.스크롤을 할 때 배경의 사진을

2020년 7월 19일
·
2개의 댓글
post-thumbnail

TIL 07 | 자기소개 페이지 만들기 리뷰

'HTML/CSS'로 자기소개 페이지 만들기! 코드를 짜보면서 구글링을 통해 새로 배운 것들, 오류들, 여전히 해결하지 못한 부분을 정리해보자

2020년 7월 17일
·
0개의 댓글
post-thumbnail

TIL 05 | CSS Layout Basics

CSS에서 가장 헷갈리는 레이아웃을 다시 정리해본다. 본 TIL은 https://ko.learnlayout.com 의 'CSS 레이아웃을 배웁시다'를 바탕으로 작성되었다. (작성하다보니 거의 복붙이 되어버렸다...)display 는 CSS에서 레이아웃을 제어하

2020년 7월 15일
·
0개의 댓글
post-thumbnail

TIL 04 | font of CSS

구글폰트(https://fonts.google.com)에서 원하는 폰트, weight를 선택후, 링크를 카피해서 HTML <head> 안에 붙여넣으면 CSS에서 사용이 가능하다.

2020년 7월 13일
·
4개의 댓글
post-thumbnail

TIL 03 | CSS Basics

Css 에서의 주석처리는 아래와 같이 작성한다.헤더에 link로 css 파일을 연결한다.3 channels: Red, Green and Blue.Each ranges from 0 - 255rgb(0,0,0)alpha(투명도 transparency) channel. Ra

2020년 7월 13일
·
0개의 댓글