๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’š UIUX ์›นํผ๋ธ”๋ฆฌ์…” ๊ณผ์ •(6๊ฐœ์›”)175

2021-07-24 (103์ผ์ฐจ) ์ž๊ฒฉ์ฆ ๊ณต๋ถ€, ๊ฐœ์ธ๊ณผ์ œ ์ž‘์—… - ์›น๋””์ž์ธ๊ธฐ๋Šฅ์‚ฌ ์‹ค๊ธฐ ๊ฐ•์˜ ๋“ฃ๊ธฐ ์›น๋””์ž์ธ ๊ธฐ๋Šฅ์‚ฌ ๋”ฐ๋ผํ•˜๋ฉด ๋”ด๋‹ค - ์›น์Šคํ† ๋ฆฌ๋ณด์ด intro ~ 2 ์‹œ์ฒญ์™„๋ฃŒ - ์ผ๋ฃธ ํ”„๋กœ์„ธ์ŠคํŽ˜์ด์ง€ ์ž‘์—… ํ”ผ๊ทธ๋งˆ 2021. 7. 27.
2021-07-23 (102์ผ์ฐจ)PHP ๊ฐ๊ฐ์˜ ํŽ˜์ด์ง€๊ฐ€ ํŽ˜์ด์ง€๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ• PHP 37๊ฐ•~39๊ฐ• - ๊ฐ๊ฐ์˜ ํŽ˜์ด์ง€๊ฐ€ ํŽ˜์ด์ง€๋ฅผ ํ‘œ์‹œํ•˜๋Š” ๋ฐฉ๋ฒ• ์œ„์™€ ๊ฐ™์ด ๋˜์–ด ์žˆ๋Š” ์ƒํ™ฉ ( ๊ฒฝ์šฐ์— ๋”ฐ๋ผ ๋ณ€์ˆ˜ pageCode์˜ ๊ฐ’์ด ๋‹ค๋ฅธ ์ƒํ™ฉ ) ๋ณ€์ˆ˜ pageCode์˜ ๊ฐ’์— ๋”ฐ๋ผ ๋ณ€์ˆ˜๋ช… ๊ฐ’๋„ ๋‹ค๋ฅด๋‹ค. ( pageCode๊ฐ€ index์ด๋ผ๋ฉด $NowHomeClicked ) ( pageCode๊ฐ€ sub-1์ด๋ผ๋ฉด $NowSub1Clicked ) + $NowHomeClicked, $NowSub1Clicked ๋ชจ๋‘์—๊ฒŒ ์‹คํ–‰๋  ์‹œ, active ๋กœ ์น˜ํ™˜๋˜๊ฒŒ ์„ค์ •ํ•œ ํ›„, ์ ์šฉํ•  ๋ถ€๋ถ„์— ํด๋ž˜์Šค๋ฅผ ๋ณ€์ˆ˜๋ช…์œผ๋กœ ๋„ฃ์–ด์ค€๋‹ค. (๊ฒฝ์šฐ์— ๋”ฐ๋ผ ๋‹ค๋ฅด๊ฒŒ ๋‚˜ํƒ€๋‚ด๊ธฐ ์œ„ํ•จ) ↓ ๊ฒฐ๊ณผ ↓ ํด๋ฆญํ•œ ํŽ˜์ด์ง€์— ๋”ฐ๋ผ ํ…์ŠคํŠธ ์ƒ‰์ƒ์ด ๋ฐ”๋€๋‹ค! - var_dump( ); : PHP์—์„œ ์ถœ๋ ฅํ•˜๋Š” ๋ฐฉ๋ฒ• 2021. 7. 25.
2021-07-22 (101์ผ์ฐจ) ํผ๋ธ”๋ฆฌ์‹ฑํ•˜๋Š” ๋ฐฉ๋ฒ•, 100์ผ์ž PHP๋ณต์Šต PHP 36๊ฐ• ํผ๋ธ”๋ฆฌ์‹ฑ ๋ฐฉ๋ฒ• - 100์ผ์ž PHP ๋ณต์Šต ใ„ด ๊ฐ๊ฐ์˜ ํŽ˜์ด์ง€๊ฐ€ ๋‹ค๋ฅธ Title์„ ๊ฐ€์ง€๋„๋ก ํ•˜๋Š” ๋ฐฉ๋ฒ• - Command์ฐฝ tip - cd.. : ์ƒ์œ„ ํด๋”๋กœ ์ด๋™ - cd ~ : ํ•˜์œ„ํด๋” ~๋กœ ์ด๋™ - GITHUB PAGE ๋งŒ๋“ค ๋•Œ ์ด๋ฏธ์ง€,๋น„๋””์˜ค ๋„ฃ๋Š” ๋ฐฉ๋ฒ• : https://rawcdn.githack.com/[๊นƒํ—ˆ๋ธŒ์•„์ด๋””]/[๋ฆฌํฌ์ง€ํ„ฐ๋ฆฌ]/master/[๊ฒฝ๋กœ] ๊ฒฝ๋กœ = doc๋ถ€ํ„ฐ ์“ฐ๊ธฐ ex) https://rawcdn.githack.com/manyrice/repositary/master/docs/pf/work/resource/banner_1.png 2021. 7. 23.
2021-07-21 (100์ผ์ฐจ) PHP ๊ฐœ๋ณ„Title ๊ฐ€์ง€๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ• TOAST UI 9๊ฐ• ใ„ด ๋ธ”๋กœ๊ทธ ํ…Œ๋งˆ ์‚ฌ์šฉ๋ฐฉ๋ฒ• PHP 34๊ฐ•~35๊ฐ• - ๊ฐ๊ฐ์˜ ํŽ˜์ด์ง€๊ฐ€ ๋‹ค๋ฅธ Title์„ ๊ฐ€์ง€๋„๋ก ํ•˜๋Š” ๋ฐฉ๋ฒ• : ๋ณ€์ˆ˜๋ช…์„ ์ง€์ •ํ•˜์—ฌ, ์–ด๋– ํ•œ ๊ฐ’์ด ์˜ค๋ฉด ๊ทธ ๊ฐ’์ด title์— ์ถœ๋ ฅ๋˜๊ฒŒ ํ•˜๊ธฐ 2021. 7. 22.
2021-07-20 (99์ผ์ฐจ) repl TOAST UI 8๊ฐ• - https://replit.com/ The collaborative browser based IDE Replit is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programming languages. replit.com html, css, javascript, php ๋ชจ๋‘๋ฅผ ๋ธ”๋กœ๊ทธ์—์„œ ๋ณด์—ฌ์ค„ ์ˆ˜ ์žˆ์Œ New repl ๋ฒ„ํŠผ ํด๋ฆญ > PHP Web Server ์„ ํƒ ํ›„, Create repl๋ฒ„ํŠผ ํด๋ฆญ ๋‚ด์šฉ ์ž…๋ ฅ ํ›„, ์ฃผ์†Œ ๋ณต์‚ฌํ•˜์—ฌ ```repl ๋ณต์‚ฌํ•œ ์ฃผ์†Œ ๋„ฃ๊ธฐ ``` - ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ๊ฐ•์˜ ์ฐพ์•„๋ณด๊ธฐ ใ„ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ P.. 2021. 7. 21.
2021-07-19 (98์ผ์ฐจ) toast ui ์ž‘์„ฑ๋ฐฉ๋ฒ• TOAST UI 6~7๊ฐ• - ๊ณต์‹ ์™ธ์šฐ๊ธฐ ๋ทฐ์–ด - codepen ๋„ฃ๋Š” ๋ฐฉ๋ฒ• (html, css) ์ฝ”๋“œํŽœ ์ž…๋ ฅ ํ›„ > ์šฐ์ธก ํ•˜๋‹จ embed๋ฒ„ํŠผ ํด๋ฆญ > Iframe ํด๋ฆญ > Make Code Editable "ON"์œผ๋กœ ์„ค์ • > ์ฃผ์†Œ ๋ณต์‚ฌ ํ›„, src ์•ˆ์— ์žˆ๋Š” ์ฃผ์†Œ๋งŒ ์ž˜๋ผ๋‚ด๊ธฐ > ์ฃผ์†Œ ๋’ค์— &height=500์„ ๋ถ™์—ฌ์ฃผ๊ธฐ(๋†’์ด์กฐ์ ˆ๊ฐ€๋Šฅ) ``` codepen ์š”๊ธฐ ๋ถ€๋ถ„์— ์ฃผ์†Œ ๋ถ™์—ฌ๋„ฃ๊ธฐ ``` - codepen ๋„ฃ๋Š” ๋ฐฉ๋ฒ• (javascript, console์ฐฝ) to2.kr/bXA ์‚ฌ์ดํŠธ ์ ‘์† ํ›„ fork ํ›„, ์ž…๋ ฅ ํ›„, ์œ„์™€ ๋˜‘๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœ ์‹คํ–‰ 2021. 7. 20.
2021-07-18 (97์ผ์ฐจ)์•„์ง์•ˆํ•จ 2021. 7. 20.
2021-07-17 (96์ผ์ฐจ)์•„์ง์•ˆํ•จ 2021. 7. 20.
2021-07-16 (95์ผ์ฐจ)VS์ฝ”๋“œ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์‚ฌ์šฉ๋ฐฉ๋ฒ•, GITHUB์ฃผ์˜์‚ฌํ•ญ, TOAST UI ์‚ฌ์šฉ๋ฐฉ๋ฒ• GITHUB 11๊ฐ• PHP 33๊ฐ• ํ† ์ŠคํŠธ UI 1~5๊ฐ• - vs code ์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ€์ ธ์˜ค๋Š” ๋ฐฉ๋ฒ• defer - ๋ฐฉ๋ฒ• 1 ์•ˆ์— ๋‚ด์šฉ ๋„ฃ์–ด์„œ ์•ˆ ๋งˆ์ง€๋ง‰์— ๋ฐฐ์น˜ํ•˜๊ธฐ - ๋ฐฉ๋ฒ• 2 ํŒŒ์ผ ์—ฐ๊ฒฐํ•˜์—ฌ ์•ˆ ๋งˆ์ง€๋ง‰์— ๋ฐฐ์น˜ํ•˜๊ธฐ - ๋ฐฉ๋ฒ• 3 ํ‰์ƒ์‹œ์ฒ˜๋Ÿผ head์•ˆ์— ๋ฐฐ์น˜ ํ›„, ํƒœ๊ทธ ๋’ค์— defer ๋„ฃ์–ด์ฃผ๊ธฐ ex) - git push origin master ์•ˆ ๋  ๋•Œ ํ•ด๊ฒฐ๋ฐฉ๋ฒ• window > windows ์ž๊ฒฉ ์ฆ๋ช… ๊ด€๋ฆฌ > ์ผ๋ฐ˜ ์ž๊ฒฉ ์ฆ๋ช… ํด๋ฆญ > github ์‚ญ์ œ - git add . -u : git add . ์ด ์•ˆ ๋  ๋•Œ ํ•ด๊ฒฐ๋ฐฉ๋ฒ• - git pull origin master ์ž‘์—… ์™„๋ฃŒ ํ›„ > ctrl+s > git add . > git commit -m "์ž‘์—…๋‚ด์šฉ" > git pull origin master .. 2021. 7. 17.
2021-07-15 (94์ผ์ฐจ) ๊นƒํ—ˆ๋ธŒ(github)ํ˜‘์—…๋ฐฉ๋ฒ• GITHUB 1๊ฐ•~10๊ฐ• - git clone ๋ฆฌํฌ์ง€ํ„ฐ๋ฆฌ์ฃผ์†Œ . = git init + git remote add origin ๋ฆฌํฌ์ง€ํ„ฐ๋ฆฌ์ฃผ์†Œ + git pull origin master - ๊นƒํ—ˆ๋ธŒ(github) ํ˜‘์—…๋ฐฉ๋ฒ• ์ฃผ์ธ์ด ๋ฆฌํฌ์ง€ํ„ฐ๋ฆฌ ๋งŒ๋“ค๊ธฐ settings > Manage access > Invite a collaborator > ํ˜‘์—…์ž ์•„์ด๋”” ์ž…๋ ฅ > Add to this repository ํ˜‘์—…์ž๊ฐ€ ๋ฉ”์ผํ•จ์—์„œ ์ˆ˜๋ฝ ํด๋ฆญ > ์™„๋ฃŒ ํŒŒ์ผ์„ ๋งŒ๋“  ํ›„, cmd์ฐฝ ์—ด๊ธฐ git init ๋‚ด ์ •๋ณด ์ž…๋ ฅํ•˜๊ธฐ (ํ•˜๋˜๋Œ€๋กœ) (git remote add origin ๋ฆฌํฌ์ง€ํ„ฐ๋ฆฌ์ฃผ์†Œ, git config user.name "", git config user.email "") code . docํด๋” ์•ˆ์—์„œ ์ž‘์—…์™„๋ฃŒ git.. 2021. 7. 15.
2021-07-14 (93์ผ์ฐจ) php ๋ณ€์ˆ˜, phpํŒŒ๋ผ๋ฏธํ„ฐ, $_GET[''], echo php 21๊ฐ•~32๊ฐ• HTTP ( hypertext transfer protocol ) : ์ธํ„ฐ๋„ท์—์„œ, ์›น ์„œ๋ฒ„์™€ ์‚ฌ์šฉ์ž์˜ ์ธํ„ฐ๋„ท ๋ธŒ๋ผ์šฐ์ € ์‚ฌ์ด์— ๋ฌธ์„œ๋ฅผ ์ „์†กํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ๋˜๋Š” ํ†ต์‹  ๊ทœ์•ฝ html : ์›น๋ธŒ๋ผ์šฐ์ € → ์›น์„œ๋ฒ„ → ์›น๋ธŒ๋ผ์šฐ์ € php : ์›น๋ธŒ๋ผ์šฐ์ € → ์›น์„œ๋ฒ„ → php → ์›น๋ธŒ๋ผ์šฐ์ € - command ์ฐฝ > php -S 0.0.0.0:8023 -t ./docs : ์‚ฌ์šฉ์ž ์•„๋ฌด๋‚˜ ์›น๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ตํ•ด ์ ‘์†ํ•  ์ˆ˜ ์žˆ๋‹ค - PHP ๋ณ€์ˆ˜ (variable) : php๋Š” ๋ณ€์ˆ˜๋ฅผ ์“ธ ๋•Œ ์•ž์— ๋‹ฌ๋Ÿฌ๋ฅผ ๋ถ™์—ฌ์ค˜์•ผ ํ•œ๋‹ค. $๋ณ€์ˆ˜ = ?; ex) - html ์•ˆ์— PHP๋ณ€์ˆ˜ ์“ฐ๋Š” ๋ฐฉ๋ฒ• : ex) - echo php ํƒœ๊ทธ ์•ˆ์—์„œ html์— ์ถœ๋ ฅํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด echo๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค. ex) - echo ์ถœ๋ ฅ๋‚ด์šฉ ์•ˆ์— ๋ณ€์ˆ˜.. 2021. 7. 15.
2021-07-13 (92์ผ์ฐจ)php ๊ฐœ์š”, ๋ฆฌํฌ์ง€ํ„ฐ๋ฆฌ ์ƒ์„ฑ๋ฐฉ๋ฒ•, ์ €์žฅ์†Œ ๊นƒํ—ˆ๋ธŒํŽ˜์ด์ง€๋กœ ์„ค์ •๋ฐฉ๋ฒ•, site-wrap, PHP ์‚ฌ์šฉ์ด์œ  php 13๊ฐ•~20๊ฐ• https://github.com/manyrice/php_ssg_2021 (SSG์˜ ์˜๋ฏธ : Static Site Generator) - ๋ธ”๋กœ๊ทธ ๋ฆฌํฌ์ง€ํ„ฐ๋ฆฌ ์ƒ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ• ๋ธ”๋กœ๊ทธ ํด๋” ์ƒ์„ฑ ํด๋” ์•ˆ์—์„œ command์ฐฝ ์—ด๊ธฐ git init git config.name "" git config.email "" git remote add origin ์ฃผ์†Œ code . 'docs'๋ผ๋Š” ํด๋” ์ƒ์„ฑ (github์—์„œ๋Š” docsํด๋” ์•ˆ์— ๋„ฃ๋Š” ๊ฒƒ์ด ๊ด€๋ก€์ด๊ธฐ ๋•Œ๋ฌธ) ๊ทธ ์•ˆ์—์„œ๋งŒ ์ž‘์—… (index.html, common.css, common.js ๋“ฑ...) ์ž‘์—…์™„๋ฃŒ ํ›„ git add . git commit -m "๋ฉ”์‹œ์ง€๋‚ด์šฉ" git push origin master - ์ €์žฅ์†Œ๋ฅผ ๊นƒํ—ˆ๋ธŒํŽ˜์ด์ง€๋กœ ์„ค์ •ํ•˜.. 2021. 7. 14.