profile
A front web developer & passionate learner loving learning new things and working together with people๐Ÿฆ‹
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (161)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

CSS ๋ฐ•์Šค๋ชจ๋ธ, MediaQuery, grid

style ํƒœ๊ทธ ์‚ฌ์šฉstyle ์†์„ฑ ์“ฐ๊ธฐ ex) ๊ธ€์ž ์ƒ‰์„ ๋ฐ”๊พธ๊ณ  ์‹ถ์„ ๋•Œ head๋‚ด์— css๋ฅผ ๋„์ž…ํ•  ์ˆ˜ ์žˆ๋‹ค.์œ„์˜ ํƒœ๊ทธ ์˜๋ฏธ : a ์ฆ‰ ๋งํฌ๊ฐ€ ๊ฑธ๋ ค์žˆ๋Š” ๋ชจ๋“  ๊ธ€์ž๋Š” ๊ฒ€์ •์œผ๋กœ ํ•ด๋ผ ์ค‘๋ณต๋œ ์ฝ”๋“œ๋ฅผ ๋‹จํ•˜๋‚˜์˜ ์ฝ”๋“œ๋กœ ํ‘œํ˜„ํ•œ๋‹ค. ์ฆ‰ ์ค‘๋ณต์˜ ์ œ๊ฑฐ ํšจ๊ณผcolor:black

2021๋…„ 9์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€