์ „์ฒด ๊ธ€ 15

๐Ÿ’ฟ 6์›” 4์ฃผ์ฐจ playlist : Jpop์— ๋น ์ง„ ์š”์ฆ˜ (Hitsujibungaku, Fuji kaze)

4์›” ์ผ๋ณธ ์—ฌํ–‰ ์ดํ›„๋กœ ๊ฐ‘์ž๊ธฐ Jpop์— ๋น ์ ธ ์ฃผ๊ตฌ์žฅ์ฐฝ ์ผ๋ณธ๋…ธ๋ž˜๋งŒ ๋“ฃ๊ณ  ์žˆ๋Š” 1์ธ ๐Ÿ‡ฏ๐Ÿ‡ต (+ ๊ฐ€์‚ฌ๋„ ๋„ˆ๋ฌด ์•Œ๊ณ  ์‹ถ์–ด์„œ ์ผ๋ณธ์–ด ๊ณต๋ถ€๊นŒ์ง€ ํ•˜๊ณ  ์žˆ๋‹ต๋‹ˆ๋‹ค!! ๋‚˜์ค‘์—๋Š” ์ผ๋ณธ ๋…ธ๋ž˜ ๊ฐ€์‚ฌ ๋ฒˆ์—ญํ•˜๋Š” ํฌ์ŠคํŒ…๋„ ์“ฐ๊ณ  ์‹ถ์–ด์š”๐Ÿฅน) ์˜ค๋Š˜์€ ์ œ๊ฐ€ ์š”์ƒˆ ๋น ์ง„ ์ผ๋ณธ๋…ธ๋ž˜๋ฅผ ์ถ”์ฒœํ•ด๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค!! (์ฐธ๊ณ โ€ผ๏ธํžˆ์ธ ์ง€๋ถ„๊ฐ€์ฟ  ์ง€๋ถ„ 50%) 1. ํžˆ์ธ ์ง€๋ถ„๊ฐ€์ฟ  - 1999 ๐Ÿ–ค1999์•„ํ‹ฐ์ŠคํŠธHitsujibungaku์•จ๋ฒ”1999๋ฐœ๋งค์ผ1970.01.01 ์ฒซ๋ฒˆ์งธ๋Š” ํŽœํƒ€ํฌํŠธ ๋ผ์ธ์—…์—์„œ ์•Œ๊ฒŒ๋œ ํžˆ์ธ ์ง€๋ถ„๊ฐ€์ฟ ์˜ 1999 ์ž…๋‹ˆ๋‹ค (aka ์–‘๋ฌธํ•™ (็พŠๆ–‡ๅญฆ)) ํžˆ์ธ ์ง€๋ถ„๊ฐ€์ฟ ์˜ ๋Œ€ํ‘œ๊ณก์ด๋ผ๋‘ ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™์•„์š” ์ œ๊ฐ€ ๋ฐฑ์˜ˆ๋ฆฐ ๋ฌผ๊ณ ๊ธฐ๐Ÿ  ๊ธฐํƒ€ ๊ฐ„์ฃผ์ฒ˜๋Ÿผ ์ผ๋ ‰๊ธฐํƒ€์˜ ์ฒญ๋Ÿ‰ํ•œ ์ง•์ง•์ง•์ง•~ ์—ฐ์ฃผ๋ฅผ ๋„ˆ๋ฌด ์ข‹์•„ํ•˜๋Š”๋ฐ์š”ใ…œใ…œ ๊ทธ๋ƒฅ ๋„์ž…๋ถ€๋ถ€ํ„ฐ ๊ทธ ๊ธฐํƒ€์†Œ๋ฆฌ๋ผ ๋„ˆ๋ฌด๋„ˆ๋ฌด ์ข‹์Šต๋‹ˆ๋‹คใ… ํ“จใ… ์—ฌ๊ธฐ์— ๋“œ๋Ÿผ์†Œ..

[MySQL] ๋‹ค์‹œ ์ฒดํฌํ•  SQL ๊ตฌ๋ฌธ! (ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค MySQL level1, 2)

์ง„์งœ์ง„์งœ ์™„์ „ ์˜ค๋žœ๋งŒ์— ์“ฐ๋Š” ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์•ž์œผ๋กœ ๊ฐœ๋ฐœ๋ธ”๋กœ๊ทธ๋กœ ์“ธ๊ฒƒ์ด๋‹ค!! ์ง€๊ธˆ์€ ๋‚ด์ผ ์žˆ๋Š” ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค ๊ฒจ์šธ์ธํ„ด ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•ด ์ฝ”ํ…Œ ์—ฐ์Šต์„ ํ•ด๋ณด๋ ค๊ณ ํ•œ๋‹ค! (ํž˜..ํž˜๋‚ด์ž) [ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค] ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—ฐ์Šต๋ฌธ์ œ::MySQL (level 1,2) 1. order by ์‚ฌ์šฉ๋ฒ• SELECT * FROM Customers ORDER BY Country DESC;--๋‚ด๋ฆผ์ฐจ์ˆœ SELECT * FROM Customers ORDER BY Country ASC;--์˜ค๋ฆ„์ฐจ์ˆœ (default) where๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ where ๋จผ์ € 2. MIN, MAX ๋‚ ์งœ์— ์ ์šฉ ์‹œ SELECT MAX(DATETIME) FROM ANIMAL_INS; --์ตœ์‹  SELECT MIN(DATETIME) FROM ANIMAL_INS; --์˜ค๋ž˜๋œ..

[Microsoft ํ•˜๋“œ์›จ์–ด AS์„ผํ„ฐ] ์ „ํ™”์ƒ๋‹ด ํ›„๊ธฐ

๋…ธํŠธ๋ถ ๊ธฐ์ข…: surface pro 7 ๊ตฌ์ž… ์‹œ๊ธฐ: 2019.11์›” ๋ง A/S ์š”์ฒญ ๋ถ€๋ถ„: 1) ํ™”๋ฉด ์™ผ์ชฝ 1cm ๋ถ€๋ถ„ ํ„ฐ์น˜๊ฐ€ ์•ˆ๋จ 2) ์„œํ”ผ์Šค ํŽœ ๋’ท๋ถ€๋ถ„ ํด๋ฆญ(๋˜‘๋”ฑ) ์•ˆ๋จ ๊ตฌ๋งคํ•œ์ง€ ์•ฝ 2๊ฐœ์›”๋งŒ์— ํ„ฐ์น˜๊ฐ€ ๋ฌ๋‹ค ์•ˆ๋๋‹ค ํ•˜๋”๋‹ˆ ํ™”๋ฉด ์™ผ์ชฝ 1์„ผ์น˜๊ฐ€ ์•„์˜ˆ ์•ˆ๋จนํžˆ๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹คใ… ใ… ๊ทธ๋Ÿฐ๋ฐ ์ŠคํŽ˜์ธ์— ์žˆ์–ด์„œ ์„œ๋น„์Šค ์„ผํ„ฐ๋ฅผ ๊ฐ€๋ ค๋ฉด ๋งˆ๋“œ๋ฆฌ๋“œ๊นŒ์ง€ 4์‹œ๊ฐ„ ๋™์•ˆ ๊ฐ€์•ผํ•˜๊ณ , ๋ง๋„ ์•ˆํ†ตํ•˜๋‹ˆ๊นŒ ํ•œ๊ตญ์—์„œ ๊ณ ์ณ์•ผ์ง€ ํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. ์ž…๊ตญํ›„์—๋„ ๋ฏธ๋ฃจ๊ณ  ๋ฏธ๋ฃจ๋‹ค๊ฐ€ ๋“œ๋””์–ด ์˜ค๋Š˜ ์„œ๋น„์Šค์„ผํ„ฐ์— ์ „ํ™”๋ฅผ ํ–ˆ๋‹ค. ๊ตฌ๊ธ€์— '๋งˆ์ดํฌ๋กœ ์†Œํ”„ํŠธ ์„œ๋น„์Šค ์„ผํ„ฐ' ์ด๋ ‡๊ฒŒ ๊ฒ€์ƒ‰ํ•˜๋‹ˆ ๋ฐ”๋กœ ์šฉ์‚ฐ๊ตฌ์— ์œ„์น˜ํ•œ ์„œ๋น„์Šค ์„ผํ„ฐ ์ •๋ณด๋ฅผ ์•Œ ์ˆ˜ ์žˆ์—ˆ๊ณ , AS์„ผํ„ฐ๋ฅผ ์ด์šฉํ•œ ์‚ฌ๋žŒ๋“ค์˜ ํ›„๊ธฐ์™€ ํ‰์ ์ด ์ •๋ง ์ข‹์•˜๋‹ค. ๊ทธ๋ž˜์„œ ๋ฐ”๋กœ 1577-9700์œผ๋กœ ์ „ํ™”๋ฅผ ํ–ˆ๋‹ค. ์ง์›์ด ์ „ํ™”๋ฅผ ๋ฐ›๋Š”๋ฐ ๊นŒ์ง€๋Š” ์•ฝ ..

[React Native error] '/ํŒŒ์ผ' cannot be loaded because running scripts is disabled on this system

์—๋Ÿฌ visual code์—์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์—๋Ÿฌ ๋ฐœ์ƒ '/ํŒŒ์ผ' cannot be loaded because running scripts is disabled on this system ๋ผ๋Š” ๋ฉ”์„ธ์ง€์™€ ์•Œ์ˆ˜์—†๋Š” ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ํ•ด๊ฒฐ PowerShell์— Set-ExecutionPolicy -ExecutionPolicy Unrestricted command ์ž…๋ ฅ (Set-Execution: ์œˆ๋„์šฐ ์ปดํ“จํ„ฐ์—์„œ ํŒŒ์›Œ์…€ ์‹คํ–‰ ์ •์ฑ…์„ ์„ค์ •ํ•˜๋Š” ํ•œ๋‹ค.) a ๋‹ต๋ณ€ solved

[ReactJS error] event๋กœ ํ˜ธ์ถœ๋˜๋Š” ํ•จ์ˆ˜ ๋‚ด์˜ ํ•จ์ˆ˜๊ฐ€ ์•ˆ๋ถˆ๋Ÿฌ์ง€๋Š” ์ด์œ ?

๋ฌธ์ œ ์ด ์ฝ”๋“œ๋Š” class component์˜ renderํ•จ์ˆ˜์˜ ๋ฆฌํ„ด๊ฐ’ ์•ˆ์— ์žˆ๋‹ค. ๋‚˜๋Š” ์ด๋ ‡๊ฒŒ selectํƒœ๊ทธ๋ฅผ ๋ฐ”๊พธ๋ฉด selectCountry๋ฅผ ํ˜ธ์ถœํ•˜๊ณ ์ž ํ–ˆ๋Š”๋ฐ, selectCountry ์•ˆ์—์„œ selectCountry(){ var selectedCountry = document.getElementById("country").value; document.getElementById("countrytxt").innerHTML = "country: " + selectedCountry; this.makeCityList(selectedCountry); } ์ด๋ ‡๊ฒŒ class์˜ ๋ฉ”์†Œ๋“œ makeCityList๋ฅผ ํ˜ธ์ถœํ•˜๋ ค๊ณ  ํ•˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด "TypeError: Cannot read property 'ํ•จ์ˆ˜์ด๋ฆ„' o..

[ReactJS: ์‚ฝ์งˆ๋กœ ์–ป์€ ๊ฒƒ๋“ค] local jsonํŒŒ์ผ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ, State์— Props๊ฐ’์„ ์ €์žฅํ•˜๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ ๋“ฑ

local jsonํŒŒ์ผ ๋ถˆ๋Ÿฌ์˜ค๊ธฐ import data from '../json/city.list.json'; data๋Š” ๋ณ€์ˆ˜ ์ด๋ฆ„๊ณผ ๊ฐ™์€๊ฒƒ, data๊ฐ€ ๋ฐฐ์—ด๊ณผ ๊ฐ™์ด ์“ฐ์ธ๋‹ค. ๋”ฐ๋ผ์„œ data๋ฅผ ์ฝ˜์†”๋กœ ์ฐ์–ด๋ณด๋ฉด ๊ฐ์ฒด๋“ค์ด ๋“ค์–ด์žˆ๊ณ  5๋ฒˆ์งธ ๊ฐ์ฒด์˜ id ์†์„ฑ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๋ ค๋ฉด ๊ทธ๋ƒฅ data[5].id ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ๋จ react์—์„œ jquery ์‚ฌ์šฉ ์„ค์น˜: npm install jquery --save import $ from 'jquery'; ์ปดํฌ๋„ŒํŠธ ํด๋ž˜์Šค์˜ constuctor์—์„œ setStateํ•  ๋•Œ ์˜ค๋ฅ˜ -> constuctor์•ˆ์—์„œ๋Š” 'this.state.๋ณ€์ˆ˜์ด๋ฆ„ = ๊ฐ’'์œผ๋กœ ์ง์ ‘ ์ง€์ •ํ•ด์ฃผ์–ด์•ผ ์˜ค๋ฅ˜๊ฐ€ ์•ˆ๋‚œ๋‹ค. State์— Props๊ฐ’์„ ์ €์žฅํ•˜๊ณ  ์‹ถ์€ ๊ฒฝ์šฐ ์ ˆ๋Œ€ this.setState๋กœ props๊ฐ’์„ stat..

[weather API] ๋‚ ์”จ API ์‚ฌ์šฉํ•ด์„œ ReactJS๋กœ ์›นํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ: ๋‚ ์”จ API ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

๋จผ์ € ๊ฒฐ๊ณผ๋ถ€ํ„ฐ! : ๋…ธ๋งˆ๋“œ ์ฝ”๋”์˜ ReactJS ๊ธฐ์ดˆ ๊ฐ•์˜๋ฅผ ๋“ฃ๊ณ  ์‘์šฉํ•ด์„œ ๋งŒ๋“  ๊ฐ„๋‹จํ•œ ๋‚ ์”จ ์–ดํ”Œ๋กœ, ๋‚˜๋ผ์™€ ๋„์‹œ๋ฅผ ์„ ํƒํ•˜๋ฉด ๋‚ ์”จ API์—์„œ ํ•ด๋‹นํ•˜๋Š” ์ตœ๊ทผ ๋‚ ์”จ๋ฅผ ๋ถˆ๋Ÿฌ์™€ ๋ณด์—ฌ์ค€๋‹ค ๋‚ ์”จ API์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•? https://openweathermap.org/ ์— ํšŒ์›๊ฐ€์ž…ํ•œ๋‹ค. ะกurrent weather and forecast - OpenWeatherMap Dashboard and Agro API We provide satellite imagery, weather data and other agricultural services that are based on geodata. By using Agro API , you can easily power your solution based on this infor..

ReactJS๋กœ ์›น์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ 4: Movie app ๋งŒ๋“ค๊ธฐ

[1] API์—์„œ ๋ฐ์ดํ„ฐ ๊ฐ€์ ธ์˜ค๊ธฐ (fetch) fetch๋ฅผ ํ•˜๊ธฐ ์œ„ํ•ด axios๋ฅผ ์„ค์น˜ํ•œ๋‹ค. ์ฐธ๊ณ : https://www.npmjs.com/package/axios ์„ค์น˜: npm i axios (i๋Š” install์˜ ์•ฝ์ž) YTS์—์„œ API๋ฅผ ์‚ฌ์šฉํ•˜๊ธฐ๋กœ ๊ฒฐ์ • https://yts.mx/api API Documentation - YTS YIFY Official YTS YIFY API documentation. YTS offers free API - an easy way to access the YIFY movies details. yts.mx ์ฒซ๋ฒˆ์งธ Endpoint๋ฅผ ํ™•์ธํ•ด๋ณด๋ฉด ์ด์™€๊ฐ™์ด json์œผ๋กœ ๋œ ๋ฐ์ดํ„ฐ๋“ค์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด url์„ ์‚ฌ์šฉํ•˜๋ฉด url์ด ๊ณ„์† ๋ฐ”๋€Œ๊ธฐ ๋•Œ๋ฌธ์— ํ”„๋กœ๊ทธ๋žจ์„ ๋งŒ๋“ค์–ด..

ReactJS๋กœ ์›น์„œ๋น„์Šค ๋งŒ๋“ค๊ธฐ 3: State

Class component ์ง€๋‚œ ์‹œ๊ฐ„ ์ฝ”๋“œ์ธ function component๋ฅผ class component๋กœ ๋ฐ”๊ฟจ๋‹ค. class component์—์„œ๋Š” return์ด ์—†๊ณ  render๋ฉ”์†Œ๋“œ์—์„œ ํ™”๋ฉด์— ์ถœ๋ ฅํ•œ๋‹ค. ๋˜, class component๋ฅผ ์“ฐ๋Š” ๊ฐ€์žฅ ํฐ ์ด์œ ๋Š” state๋ผ๋Š” object๊ฐ€ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. [์ฝ”๋“œ] import React from 'react'; import PropTypes from 'prop-types'; class App extends React.Component { state = { count: 0 }; add = () => { console.log("add"); }; minus = () => { console.log("minus"); }; render() { return..