profile
꾸준히 성장하기🦋 https://tech-blog-beryl.vercel.app 로 블로그 옮겼습니다
태그 목록
전체보기 (196)object(5)array(4)Map(4)재귀함수(4)asynchronous(3)class(3)inheritance(3)API(3)git(3)깊이우선탐색(DFS)(3)variable(3)promise(3)Event(3)JOIN(3)filter(3)IIFE(2)parseInt(2)callback Hell(2)split()(2)async(2)reverse(2)position(2)return(2)알고리즘(2)Fetch(2)find(2)function(2)Sort(2)Defer(2)fill(2)isNaN(2)Object Oriented Programming(2)setInterval(2)slice(2)setTimeout(2)JSON.parse(2)Conditionals(2)canvas(2)Custom Hooks(2)인증(2)Math.random(2)arrow function(2)private field(2)Prototype(2)encapsulation(2)reduce(2)optional chaining(2)빅오표기법(2)foreach(2)First-class Function(2)callback(2)Default parameters(2)localstorage(2)async/await(2)인가(2)SOME(2)상태트리(1)else if(1)ScrollIntoView(1)contains()(1)static methods(1)terminal(1)numberic seperators(1)absolute(1)link(1)requestAnimationFrame(1)instance(1)JSON.stringfy()(1)relative(1)Spread Syntax (...)(1)querySelector(1)main axis(1)library(1)Polymorphism(1)default parameter(1)JSON.stringify(1)catch(1)http(1)Box Model(1)CRA(1)linux(1)at method(1)prototypal inheritance(1)transform(1)voiceChanged(1)인접리스트(1)Event Handler(1)Request(1)Response(1)reference value(1)fillRect(1)operator(1)finally(1)관심사의 분리(1)chaining method(1)first-of-types(1)findIndex(1)시맨틱 태그(1)speak(1)메모이제이션(1)speechSynthesis(1)recursion(1)navigator(1)for..of(1)flatmap(1)시간복잡도(1)정렬 알고리즘(1)localScope(1)ARC(1)React(1)Math.round(1)instanceof(1)isFinite(1)box tag(1)Module(1)router(1)OR assignment operator(1)ScrollHeight(1)capturing(1)공간복잡도(1)item(1)Object.assign(1)Document(1)빈도수 세기(1)await(1)이진트리(1)useEffect(1)event loop(1)looping objects(1)searchParams(1)Side Effect(1)fixed(1)intersection observer api(1)parseFloat(1)node.js(1)parameter(1)while(1)다중필터(1)Math Module(1)perspective(1)Flex(1)JavaScript(1)useParams(1)function declaration(1)Higher-order Function(1)UI(1)abstraction(1)Intl(1)method(1)main(1)Flexbox(1)layout(1)Object.create(1)selector(1)keyframes(1)hoisting(1)isInteger(1)...arr(1)AJAX calls(1)prototype chain(1)classList(1)Math.PI(1)쿼리스트링(1)template literals(1)json(1)assignment operators(1)concat(1)const(1)let(1)cross axis(1)replace(1)static properties(1)시맨틱 웹(1)AND assignment operator(1)object literal(1)list-style-type(1)Rest parameters(1)fillStyle(1)object constructor(1)loop(1)getElementById(1)가중치 방향그래프(1)carriage return(1)looping arrays(1)String(1)constructor function(1)key(1)clientHeight(1)commit(1)context(1)이분검색(1)Shorthand property names(1)nullish assignment operator(1)for..in(1)jquery(1)개발일기(1)closePath(1)방향 그래프(1)State(1)inline block(1)hider-order function(1)this(1)self(1)메타 태그(1)tofixed(1)선언(declaration)(1)offsetHeight(1)Sass(1)Chaining(1)@property(1)React-slick(1)script(1)nullish coalescing operator(1)MediaQuery(1)apply method(1)splice(1)static method(1)preventDefault(1)Date object(1)git rabase(1)인접그래프(1)Letter Spacing(1)block(1)function expression(1)execution context(1)inline(1)console(1)Ternary operator(1)Scope Chain(1)item tag(1)bind method(1)after(1)appendChild(1)framwork(1)무방향 그래프(1)addEventListener(1)Flat(1)geolocation(1)short-circuiting(1)display(1)computed properties(1)github(1)parameters(1)JSX(1)toggle(1)그리디 알고리즘(1)text-transform(1)event delegation(1)useNavigate(1)svg(1)asynchoronous callback(1)call method(1)그래프(1)speechSynthesisUtterance(1)조합알고리즘(1)Props(1)선택자(selector)(1)CreateElement(1)if(1)remainder operator(1)synchoronous callback(1)Date(1)BigInt(1)bubbling(1)grid(1)getVoice(1)위코드(1)WeCode(1)넓이우선탐색(1)결정 알고리즘(1)closure(1)private method(1)절대경로(1)상대경로(1)padStart()(1)3D(1)getters and setters(1)promise.all(1)set(1)transform-style(1)nullish operator(1)Stateless(1)new line(1)beginPath(1)property value shorthand(1)container(1)scope(1)in operator(1)for loop(1)webspeech API(1)animation(1)tag(1)argument(1)Promise Chaining(1)public field(1)console API(1)fillText(1)insertAdjacentHTML(1)destructuring assignment(1)setters and getters(1)scroll event(1)aside(1)refactoring(1)substring(1)클론코딩(1)DOM traversing(1)getContext(1)every(1)
post-thumbnail

React-Slick으로 슬라이드 구현하기

이번 2차 프로젝트에서는 라이브러리를 자유로이 쓸 수 있었다(!)레이아웃 과정에서 구현해보고 싶었던 기능이 이미지 슬라이드 부분이었다. 1차 프로젝트 때는 라이브러리를 사용하지 않고 transformX 와 transition을 활용했는데, 이번에는 Styled Comp

2022년 4월 24일
·
0개의 댓글
·