profile
Hello all ๐Ÿ‘‹๐Ÿป ๐Ÿ“London
post-thumbnail

Error : deploying netlify (api key, iframe attr)

should set as environment variableDomain setting > Build & deploy >https://www.freecodecamp.org/news/how-to-access-secret-api-keys-using-netlify-

2022๋…„ 4์›” 8์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

rails - watch list day2

1. controller setup ๋จผ์ € ์ดํ•ด๋ฅผ ์œ„ํ•œ ์Šคํ‚ค๋งˆ ์‚ฌ์ง„ ์žฌ์—…๋กœ๋“œ ๐Ÿ key point ์–ด๋–ค ๋ชจ๋ธ์˜ ์ปจํŠธ๋กค๋Ÿฌ๊ฐ€ ํ•„์š”ํ•œ์ง€ ์ƒ๊ฐํ•ด๋ณด๊ธฐ. no need to generate movie controller ์™œ๋ƒํ•˜๋ฉด ๋จผ์ € movie ์ •๋ณด๋“ค์„ ๋ชจ๋‘ api๋กœ ๊ฐ€์ ธ์™€

2022๋…„ 3์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

rails watch list - day1

datatypesurl:stringforiegn_keys:referencesassociationdependent: :destroyDestroying the children is ideal. You do that by setting dependent: :destroy o

2022๋…„ 3์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

js - event bubbling / event flow

credit ๊น€๋ฒ„๊ทธ https://www.youtube.com/watch?v=7gKtNC3b_S8html์€ ์ค‘์ฒฉ๋˜์–ด์žˆ๋Š” ๊ตฌ์กฐ.ex) div,body,html eventListner์ด ๋“ฑ๋ก๋˜์–ด์žˆ๋‹ค. => ์ด๋ฒคํŠธ ์ค‘์ฒฉ!div ํด๋ฆญ์‹œ, div์˜ ๋ถ€๋ชจ ํƒœ๊ทธ๋“ค์— ๋“ฑ๋ก๋œ

2022๋…„ 3์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

js - event ์ข…๋ฅ˜

๐Ÿ‘‰๐Ÿผ Event referencehttps://developer.mozilla.org/ko/docs/Web/EventsDOM ์ด๋ฒคํŠธ๋Š” ๋ฐœ์ƒํ•œ ํฅ๋ฏธ๋กœ์šด ๊ฒƒ์„ ์ฝ”๋“œ์— ์•Œ๋ฆฌ๊ธฐ ์œ„ํ•ด ์ „๋‹ฌ๋ฉ๋‹ˆ๋‹ค. ๊ฐ ์ด๋ฒคํŠธ๋Š” Event ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœํ•œ ๊ฐ์ฒด์— ์˜ํ•ด ํ‘œํ˜„๋˜๋ฉฐ

2022๋…„ 3์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

JS - this

This keyword. 1. this๋Š” ์˜ค๋ธŒ์ ํŠธ ๋‚ด์˜ ๋ฉ”์†Œ๋“œ(ํ•จ์ˆ˜)์—์„œ ์‚ฌ์šฉํ–ˆ์„ ๋•Œ, ๊ทธ ๋ฉ”์†Œ๋“œ๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š”์˜ค๋ธŒ์ ํŠธ๋ฅผ ์ถœ๋ ฅํ•ด์ค€๋‹ค A์˜ค๋ธŒ์ ํŠธ์•ˆ์— console.log(this)๋ฅผ ์ถœ๋ ฅํ•˜๋Š” ํ•จ์ˆ˜๊ฐ€ ์žˆ๋‹ค๋ฉด, this๋Š” ๊ทธ A์˜ค๋ธŒ์ ํŠธ๋ฅผ ๊ฐ€๋ฅดํ‚จ๋‹ค. ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์ผ๋ฐ˜ํ•จ์ˆ˜

2022๋…„ 3์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

React - virtual DOM

In javascript, I used to use DOM manipulation (querySelector, getElementById getElementByClassName etc) But in React, should use "Virtual DOM" so that

2022๋…„ 2์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

React - react-dom

jsx ์ปดํฌ๋„ŒํŠธ ํŒŒ์ผ์ด ๋ฐ”๋ฒจ์„ ์ด์šฉํ•ด ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์ˆœ์ˆ˜ js๋กœ ๋ณ€ํ™˜์„ ํ–ˆ๊ณ ,๋ณ€ํ™˜๋œ jsํŒŒ์ผ์„ html๋กœ ์—ฐ๊ฒฐํ•˜๋ ค๋ฉด, react-dom์ด ํ•„์š”ํ•˜๋‹ค. ์ด๋Š” ReactDOM ํด๋ž˜์Šค ์•ˆ render ํ•จ์ˆ˜๋ฅผ ์ด์šฉํ•ด, ์—ฐ๊ฒฐํ•  ์ˆ˜ ์žˆ๋‹ค.renderํ•จ์ˆ˜๋Š” ์ „์ฒด ๋ฌธ์ œ d

2022๋…„ 2์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

splice()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice๋ฐฐ์—ด์˜ ๊ธฐ์กด ์š”์†Œ๋ฅผ ์‚ญ์ œ ๋˜๋Š” ๊ต์ฒดํ•˜๊ฑฐ๋‚˜ ์ƒˆ ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ๋ฐฐ์—ด์˜ ๋‚ด์šฉ์„ ๋ณ€๊ฒฝ๋ฐฐ์—ด์˜ ํŠน์ •๊ตฌ๊ฐ„์„ ์ถ”

2022๋…„ 2์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

hidden_field_tag

This will add a hidden input field with an authenticity_token that ensures the POST request is coming from your website and not from another. ์ด๊ฒŒ ์ •๋ง ๋ญ˜๊นŒ

2022๋…„ 1์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

JS - hoisting/callback/Synchronous / Asynchronous

Synchronous : ์ •ํ•ด์ง„ ์ˆœ์„œ์— ๋”ฐ๋ผ ์ฝ”๋“œ ์‹คํ–‰, Execute the code block in order.Asynchronous: ์–ธ์ œ ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋  ์ง€ ์˜ˆ์ธกํ•  ์ˆ˜ ์—†๋Š” ์ฝ”๋“œ It doesn't execute the code block in order.ex -

2021๋…„ 12์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL - Call back function refactoring

์ฝœ๋ฐฑํ•จ์ˆ˜ ์•ˆ์— ์žˆ๋Š” ์ฝœ๋ฐฑํ•จ์ˆ˜ ์•ˆ์— ๋˜ ์กด์žฌํ•˜๋Š” ์ฝœ๋ฐฑํ•จ์ˆ˜ aka ์ฝœ๋ฐฑ์ง€์˜ฅaddEventListner๋ฅผ ์‚ฌ์šฉํ•˜๋‹ค๋ณด๋ฉด ์ฝœ๋ฐฑํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜๋Š”๋ฐ ์ฝœ๋ฐฑํ•จ์ˆ˜์˜ ์ค‘์ฒฉ์€ ๋ฉ”๋ชจ๋ฆฌ ์„ฑ๋Šฅ์„ ์ €ํ•˜์‹œํ‚ด๋”ฐ๋ผ์„œ ์‹คํ–‰ ํ•จ์ˆ˜๋Š” ๋”ฐ๋กœ ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์–ด์„œ ๋ถ„๋ฆฌ์‹œํ‚ค๋Š” ๊ฒƒ์ด ๋ฐ”๋žŒ์งํ•˜๋‹ค.๊ทธ๋ฆฌ๊ณ  ๋ถ„๋ฆฌํ•œ ํ•จ์ˆ˜๋ฅผ

2021๋…„ 12์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL - fetch () get/post

1.๋ถ€ํŠธ์บ ํ”„ ์ž์ฒด JSONํŒŒ์ผ์„fetch()api๋ฅผ ์‚ฌ์šฉํ•ด ๊ฐ„๋‹จํ•œ ์ฑ„ํŒ…์•ฑ์„ ๋งŒ๋“ค์–ด ๋ณด์•˜๋‹ค.I'm (Asynchronous JavaScript And XML, ๋น„๋™๊ธฐ์  JavaScript์™€ XML) - AJAX๋Š” ์„œ๋ฒ„์—์„œ ์ถ”๊ฐ€ ์ •๋ณด๋ฅผ ๋น„๋™๊ธฐ์ ์œผ๋กœ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š”

2021๋…„ 12์›” 20์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

rails - active record : distinct

disctinct ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์•˜๋‹ค - !

2021๋…„ 11์›” 26์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

sql - group by

GROUP BY๋ฅผ ํ•œ ๋งˆ๋””๋กœ ์ •์˜ํ•˜์ž๋ฉด "์ค‘๋ณต๋˜์ง€ ์•Š์€ ์ •๋ณด๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ" ์ž…๋‹ˆ๋‹ค. ํ™œ์šฉ ์˜ˆ๋ฅผ ๋จผ์ € ๋ณด๋ฉด, (์ฃผ๋กœ ๊ทธ๋ฃน ํ•จ์ˆ˜์™€ ํ•จ๊ป˜ ์‚ฌ์šฉ๋˜๋Š” ์˜ˆ) ๋ฉœ๋ก  ์ฐจํŠธ๋ฅผ ๋ฝ‘๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค. (โ†’ ์Œ์›๋ณ„ ์ŠคํŠธ๋ฆฌ๋ฐ ํšŸ์ˆ˜ ๋‚ด๋ฆผ์ฐจ์ˆœ) ํŒ๋งค ๋œ ์ƒํ’ˆ ์ค‘ ๋ฒ ์ŠคํŠธ ์ƒํ’ˆ์„ ์•Œ๊ณ  ์‹ถ์Šต

2021๋…„ 11์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

TIL - flatten() array method

flatten() ์—ฌ๋Ÿฌ๋ฐฐ์—ด์„ 1์ฐจ์› ํ˜•ํƒœ [] ๋กœ ๋งŒ๋“œ๋Š” ๋ฉ”์†Œ๋“œ.

2021๋…„ 11์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Ruby - Ruby File.open modes and options

rOpens a file for reading only. The file pointer is placed at the beginning of the file. This is the default mode.rbOpens a file for reading only in b

2021๋…„ 11์›” 3์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

Ruby - encapsulation,@instance variable, get/set

๋ณ€์ˆ˜๊ฐ€ ์™ธ๋ถ€ ์˜ํ–ฅ์„ ์ง์ ‘์ ์œผ๋กœ ์˜ํ–ฅ์„ ๋ฐ›์ง€ ์•Š๊ฒŒ ์ž˜ ๋ณดํ˜ธํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•จ. ๋ฐ์ดํ„ฐ๋„ ์ค‘์š”๋”ฐ๋ผ์„œ ์บก์Š๋ ˆ์ด์…˜์„ ํ†ตํ•ด ๋ณดํ˜ธ.๋ฉ”์†Œ๋“œ๋กœ ์ทจ๊ธ‰ํ•ด์„œ ์—๋Ÿฌ๋‚จ.๋ฉ”์†Œ๋“œ ์•ˆ์ด ์•„๋‹ˆ๋ผ ๋ฐ”๊นฅ์—์„œ c1์—์„œ ์ง์ ‘ value๋ฅผ ์“ฐ๋ ค๊ณ  ํ–ˆ์œผ๋‹ˆ / ๋ฉ”์†Œ๋“œ ์™ธ๋ถ€์—์„œ ์ธ์Šคํ„ด์Šค ์ ‘๊ทผ์€ ๋ฃจ๋น„์—์„œ๋Š” ํ—ˆ์šฉ ์•ˆํ•จ

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

Ruby - ๊ฐ์ฒด์ œ์ž‘(class, constructor, @instance variable)

์ด ๋ฉ”์†Œ๋“œ์˜ ์ด๋ฆ„์€, ๋ฃจ๋น„์—์„œ ํŠน๋ณ„ํžˆ ์ทจ๊ธ‰ํ•˜๋Š” ์ด๋ฆ„ = ์ƒ์„ฑ์ž!๋‚˜์ค‘์— ์ธ์Šคํ„ด์Šค๊ฐ€ ์ƒ์„ฑ๋˜๊ณ  ์‹คํ–‰๋  ๋•Œ ์ž๋™์œผ๋กœ ์‹คํ–‰๋œ๋‹ค๋ฉด,์ด ๋ฉ”์†Œ๋“œ์˜ ๋‚ด์šฉ์œผ๋กœ ์‹คํ–‰๋  ๊ฒƒ์ด๋‹ค. ์ฆ‰ ์ดˆ๊ธฐํ™”๋ฅผ ํ•  ์ˆ˜ ์žˆ๋Š”๊ฒƒ ๋งˆ์น˜ ์šฐ๋ฆฌ๊ฐ€ ์ปด ํ‚ค๋ฉด ๋ถ€ํŒ…์ด๋ผ๋Š” ์ดˆ๊ธฐํ™”๋ฅผ ํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ, ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค๋•Œ ์ดˆ๊ธฐํ™”ํ•ด์•ผํ•˜๋Š”

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

Ruby - Object oriented programming

๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ๋ชจ๋“ˆ์„ ํ†ตํ•ด ๋ณต์žกํ•œ ์ฝ”๋“œ๋ฅผ ๋‹จ์ˆœํ™”์‹œํ‚ฌ ์ˆ˜ ์žˆ์—ˆ๋‹ค like ์ˆ˜๋‚ฉ๊ณต๊ฐ„. ๊ทธ๋Ÿฌํ•œ ์—ฐ์žฅ์„ ์ƒ์—์„œ ์ง„์ „๋œ ๊ฐœ๋…์ด ๋ฐ”๋กœ ๊ฐ์ฒด์ด๋‹ค. object์ด๋‹ค. Object๋ฅผ ์ชผ๊ฐœ๋ณด๋ฉด Class + instance๊ฐ€ ์žˆ๋‹ค. ์ด(์‚ฌ๋ก€, ๊ตฌ์ฒด์ ์ธ ์˜ˆ์ œ) ๋ง์— ์ต์ˆ™ํ•ด์งˆ ๊ฒƒ. !ํฌ

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