๋ฐ์ํ
Development/Web
[Ubuntu] Wordpress ํ๋ฌ๊ทธ์ธ ์ค์น/์ญ์ ์ FTP ์ ๋ณด ์
๋ ฅ ์ฐฝ์ด ๋์ฌ ๋(Connection Information)
[Ubuntu] Wordpress ํ๋ฌ๊ทธ์ธ ์ค์น/์ญ์ ์ FTP ์ ๋ณด ์ ๋ ฅ ์ฐฝ์ด ๋์ฌ ๋(Connection Information)
2023.10.17์ด์ ์ํฉ ํ๋ฌ๊ทธ์ธ์ ์ค์นํ๋ ค๊ณ ํ๋๋ฐ, ์์ ๊ฐ์ด Connection Information์ฐฝ์ด ์ถ๋ ฅ๋๋ฉด์ FTP ์ ๋ณด๋ฅผ ๋ฌป๋๋ค. Connection Information To perforam the requested action, WordPress needs to access your web server. Please enter your FTP credentials to proceed. If you do not remember your credentials, you should contact you web host. ํด๊ฒฐ๋ฒ 1. ๊ถํ ์ค์ ๋ณ๊ฒฝ ์๋ํ๋ ์ค ๊ฒฝ๋ก์ ๋๋ ํ ๋ฆฌ, ํ์ผ๋ค์ ๊ถํ์ด ์ ๋๋ก ์ค์ ๋์ด์์ง ์์ ๊ฒฝ์ฐ๋ค. sudo chown -R www-data:www-data /var/www/html..
[Ubuntu] ์๋ํ๋ ์ค(Wordpress), LAMP(Linux, Apache, MySQL, PHP) ์คํ ์ค์น
[Ubuntu] ์๋ํ๋ ์ค(Wordpress), LAMP(Linux, Apache, MySQL, PHP) ์คํ ์ค์น
2023.10.16LAMP ์คํ ์ค์น sudo apt update sudo apt install apache2 mysql-server php php-mysql php-curl php-gd php-mbstring php-xml php-xmlrpc MySQL ๋ฐ์ดํฐ๋ฒ ์ด์ค ๋ฐ ์ ์ ์์ฑ sudo mysql -u root -p CREATE DATABASE wordpress; CREATE USER '์ ์ ์ด๋ฆ'@'localhost' IDENTIFIED BY '๋น๋ฐ๋ฒํธ'; GRANT ALL PRIVILEGES ON wordpress.* TO '์ ์ ์ด๋ฆ'@'localhost'; FLUSH PRIVILEGES; EXIT; WordPress ๋ค์ด๋ก๋ cd /var/www/html wget https://wordpress.org/late..
[Ubuntu] Let's Encrypt๋ฅผ ํตํด HTTPS(SSL) ๋ฌด๋ฃ๋ก ๊ตฌ์ถํ๊ธฐ
[Ubuntu] Let's Encrypt๋ฅผ ํตํด HTTPS(SSL) ๋ฌด๋ฃ๋ก ๊ตฌ์ถํ๊ธฐ
2023.10.16Certbot ์ค์น ํด๋น ๋ช
๋ น์ด๋ Apache ์น์๋ฒ๋ฅผ ๊ธฐ์ค์ผ๋ก ํฉ๋๋ค. sudo apt update sudo apt install certbot sudo certbot --apache -d example.com WordPress ์ค์ ์
๋ฐ์ดํธ 1. ์๋ํ๋ ์ค ๋์๋ณด๋ ๋ก๊ทธ์ธ 2. ์ค์ -> ์ผ๋ฐ -> WordPress Address (URL)'๊ณผ 'Site Address (URL)'์ https://example.com์ผ๋ก ๋ณ๊ฒฝ SSL ๊ฐ์ ์ค์ /var/www/html/(์๋ํ๋ ์ค ๊ฒฝ๋ก) .htaccess ํ์ผ์ ๋ค์ ์ฝ๋๋ฅผ ์ถ๊ฐ Apache ์ฌ์์ sudo systemctl restart apache2 SSL ๊ฐฑ์ ์๋ํ sudo crontab -e 0 0 1 * * /usr/bin/certbot ..
SPA(Single Page Application), MPA(Multi Page Application)
SPA(Single Page Application), MPA(Multi Page Application)
2022.11.20์๋ก ์ ํต์ ์ธ Web Application์ Page life cycle์ MPA(Multi Page Application)์๋ค. ์ฝ๊ฒ ๋งํ๋ฉด ์น ๋ธ๋ผ์ฐ์ ์์ ํน์ ํ์ด์ง์ ๋ํ ์์ฒญ์ ์๋ฒ๋ก ๋ณด๋ด๋ฉด, ์๋ฒ๋ ๋ฐ์ดํฐ๋ฅผ ์น ๋ธ๋ผ์ฐ์ ์ ์๋ตํ๋ค. ์ด๋ ํ์ด์ง๋ฅผ ์ด๋ํ ๋๋ง๋ค ์ ์ฒด ํ์ด์ง๊ฐ ๋ค์ ๋ถ๋ฌ์์ง๋ฉด์ ํ๋ฉด์ด ๊น๋นก๊ฑฐ๋ฆฌ๊ฒ ๋๋๋ฐ, ์ฌ์ฉ์ ์
์ฅ์์๋ ๋ต๋ตํ ๊ฒฝํ์ ์ ๊ณตํ ์ ๋ ์๋ค. (๋ฐ์ดํฐ๊ฐ ๋ง์ ๊ฒฝ์ฐ ํ์ด์ง๋ฅผ ๋ถ๋ฌ์ค๋ ๋์ ํฐ ํ๋ฉด์ ๋ณด๊ณ ์์ด์ผ ํ๋ค๋๊ฐ.. ์ฌ๋ฌ ๊ฐ์ง ๋ถ๋ถ์์) ๊ทธ๋์ ์์ฆ์ SPA(Single Page Application) ๋ฐฉ์์ผ๋ก ๊ฐ๋ฐ๋ Web Application์ ์ฌ์ฌ์น ์๊ฒ ๋ณผ ์ ์์ ๊ฒ์ด๋ค. ๋ค๋ฅธ ํ์ด์ง๋ก ์ด๋ํ์ง ์๋๋ผ๋ ํ๋์ ํ์ด์ง์์ ์๋ฒ์ ํต์ ์ ํตํด ์ฌ์ฉ์์๊ฒ..
[React] Create React App ์ ์ด์ฉํด์ React ์ค์น
[React] Create React App ์ ์ด์ฉํด์ React ์ค์น
2022.11.20React ์ฑ ์ค์น ๋ฐฉ๋ฒ npx create-react-app ์์ ์๋..? Webpack์ด๋ Babel ๊ฐ์ ๋ชจ๋์ ์ค์นํ๊ณ , ์ค์ ํด์ผ React ์ฑ์ ์์ํ ์ ์์๋ค. Webpack ์ด๋? ์คํ ์์ค ์ฝ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ชจ๋ ๋ฒ๋ค๋ฌ๋ก์จ ์ฌ๋ฌ ๊ฐ๋ก ๋๋์ด์ ธ ์๋ ํ์ผ๋ค์ ํ๋์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๋ก ์์ถํ๊ณ ์ต์ ํํด์ฃผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ. Babel ์ด๋? ์ต์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฌธ๋ฒ์ ์ง์ํ์ง ์๋ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ํ์ฌ, ์ต์ ๋ฌธ๋ฒ์ ๊ตฌํ ๋ธ๋ผ์ฐ์ ์์๋ ์ฌ์ฉ ๊ฐ๋ฅํ๋๋ก ๋ณํํด์ฃผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ // ์๋์ ๊ฐ์ ๋ฌธ๋ฒ์ ๊ตฌํ ๋ธ๋ผ์ฐ์ ์์๋ [1, 2, 3].map((n) => n+1); // ์ด๋ฐ์์ผ๋ก ๋ณํ ์์ผ์ค๋ค. [1, 2, 3].map(function(n) { return n+1; }); npx ๋? ๋
ธ๋ ํจํค์ง ์ค..
1. ๋๋ง์ ์ฌ๋ฆฌํ
์คํธ/MBTI ํ
์คํธ ๋ง๋ค๊ธฐ - ํ๋ฉด ์ค๊ณ ๋ฐ ์์ ํ์ด์ง ์์ฑ
1. ๋๋ง์ ์ฌ๋ฆฌํ ์คํธ/MBTI ํ ์คํธ ๋ง๋ค๊ธฐ - ํ๋ฉด ์ค๊ณ ๋ฐ ์์ ํ์ด์ง ์์ฑ
2022.04.24ํ๋ก์ ํธ ์์ฑ ๋ฐ ๋๋ ํ ๋ฆฌ ๊ตฌ์ฑ ์ ์ฌ๋ฆฌํ
์คํธ ๋ง๋ค๊ธฐ๋ฅผ ๋ณธ๊ฒฉ์ ์ผ๋ก ์์ํด๋ณด์. ๊ฐ์ฅ ๋จผ์ ํ๋ก์ ํธ๋ฅผ ์์ฑํ์. ํ์๋ GUIDE๋ผ๋ ์ด๋ฆ์ ํ๋ก์ ํธ๋ฅผ ์์ฑํ์๊ณ ์์ ๊ฐ์ด ๋๋ ํ ๋ฆฌ๋ฅผ ๊ตฌ์ฑํ์๋ค. GUIDE index.html script.js style.css ์ด๋ฆ ์ค๋ช
index.html ๋ฉ์ธ ํ์ด์ง script.js ํ์ด์ง์์ ๊ธฐ๋ฅ์ ๋์ํ๊ฒ ํ๊ธฐ ์ํ ์๋ฐ์คํฌ๋ฆฝํธ ํ์ผ style.css ํ์ด์ง๋ฅผ ๊พธ๋ฏธ๊ธฐ ์ํ cssํ์ผ ์ฌ์ค ์์ฃผ ๊ฐ๋จํ ํ๋ก์ ํธ๊ธฐ ๋๋ฌธ์ ๋ฐ๋ก ํ์ผ์ ๋ถ๋ฆฌํ ํ์๊ฐ ๋ญ๊ฐ ์๊ฒ ๋๊ณ ์๊ฐํ ์ ๋ ์์ง๋ง. ํ์๋ ๊น๋ํ ๊ฒ์ ์ข์ํ๊ธฐ ๋๋ฌธ์ ์ฝ๋์์ด ์ ๋๋ผ๋ ๋ถ๋ฆฌํ์๋ค. ๊ธฐ๋ณธ์ ์ธ html์ ์์ค์ฝ๋๋ค. ์ค๋ช
ํ ๊ฒ๋ ๋ฑํ ์์ง๋ง, ๊ตณ์ด ์ค๋ช
ํ์๋ฉด link ํ๊ทธ๋ฅผ ํตํด style.css ํ์ผ..
0. ๋๋ง์ ์ฌ๋ฆฌํ
์คํธ/MBTI ํ
์คํธ ๋ง๋ค๊ธฐ - ์๋ก
0. ๋๋ง์ ์ฌ๋ฆฌํ ์คํธ/MBTI ํ ์คํธ ๋ง๋ค๊ธฐ - ์๋ก
2022.04.23์์ํ๊ธฐ ์์.. ์น๊ตฌ๋ค๋ผ๋ฆฌ MBTI ํ
์คํธ ํน์ ์ฌ๋ฆฌํ
์คํธ๋ฅผ ์นํ์ด์ง์์ ์งํํ๊ณ , ๊ฒฐ๊ณผ๋ฌผ์ ๊ณต์ ํด์ ์๋ก์ ์ฑํฅ์ ๋น๊ตํด ์ฌ๋ฏธ๋ฅผ ๋๊ปด๋ณธ ๊ฒฝํ์ ๋ค๋ค ํ ๋ฒ์ฏค ์์ ๊ฒ์ด๋ค. ์์) ์ฝ์ธ ํฌ์ ์ฑํฅ ์ฌ๋ฆฌ ํ
์คํธ https://cjwoov-invesetment-type.netlify.app/ ๊ธ์ ์ฐ๊ฒ๋ ๊ณ๊ธฐ๋ ๋๋ ๊ทธ๋ฐ ํ
์คํธ๋ฅผ ํ ๋ฒ ๋ง๋ค์ด๋ณด๊ณ ์ถ์๊ณ ๊ฒฝํ์ ๊ณต์ ํ๋ฉด ์ข์ ๊ฒ ๊ฐ์์ ๊ธ์ ๋จ๊ธด๋ค. ์ฌ์ ์ง์ ํด๋น ๊ณผ์ ์ HTML, CSS, JavaScript ์ธ์ด๋ฅผ ์ฌ์ฉํ๋ค. HTML, CSS, JavaScript์ ๋ํ ๋ง์ ์ง์๋ ํ์ ์์ผ๋ฉฐ ์์ฃผ ๊ธฐ๋ณธ์ ์ธ ๊ฐ๋
๋ง ์๊ณ ์์ผ๋ฉด ๋๋ค. ๊ทธ๋ ๊ฒ ์ด๋ ต๊ฒ ๋ง๋ค์ง ์์ ๊ฒ์ด๊ธฐ ๋๋ฌธ์... ์ค๋น๋ฌผ Visual Studio Code : ์์ค์ฝ๋ ์์ฑ์ ์ํ ์๋..