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)
์ ์ฒด๋ณด๊ธฐ (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)
.png)
[JS] ๋น๋๊ธฐ - Promise์ fetch API, Event Loop
fetch function์ ๋ฐ๋ก promise๋ฅผ returnํ๋ค๋ ํน์ง์ ๊ฐ์ง๊ณ ์๋ค.Promise : Promise ๊ฐ์ฒด๋ ๋๊ธฐ ์์ ์ผ๋ก ์ธํ ๋ฏธ๋์ ์ฑ๊ณต ๋๋ ์คํจ์ ๊ทธ ๊ฒฐ๊ณผ ๊ฐ์ ๋ํ๋ธ๋ค. ํ๋ก๋ฏธ์ค๊ฐ ์์ฑ๋ ์์ ์๋ ์๋ ค์ง์ง ์์์ ์๋ ์๋ ๊ฐ์ ์ํ ๋๋ฆฌ์๋ก
2022๋
1์ 5์ผ
ยท
0๊ฐ์ ๋๊ธ
weather -๋ฐ๋๋ผJS ํฌ๋กฌ ์ฑ ๋ง๋ค๊ธฐ nomad coder
Navigator ํจ์๋ user์ geolocation(์์น)์ ์ค๋ค.ex)a= ๋ชจ๋ ๊ฒ ์ ๋์์ ๋ ์คํ๋ ํจ์b= ์๋ฌ๊ฐ ๋ฐ์ํ์ ๋ ์คํ๋ ํจ์ex)์ฐธ๊ณ ) longitude: ๊ฒฝ๋ latitude: ์๋API : ๊ฐ๋จํ ๋งํด์ ๋ค๋ฅธ server์ ์ด์ผ๊ธฐํ ์ ์
2021๋
10์ 7์ผ
ยท
0๊ฐ์ ๋๊ธ