์ด๊ฒ์ ์ต์ ๋ฆด๋ฆฌ์ค๋ฅผ 98.tar.gz๋ก ๋ค์ด๋ก๋ํ ์ ์๋ 0.1.12.css๋ผ๋ Windows ์ฑ์ ๋๋ค. ์ํฌ์คํ ์ด์ ์ฉ ๋ฌด๋ฃ ํธ์คํ ์ ๊ณต์ ์ฒด์ธ OnWorks์์ ์จ๋ผ์ธ์ผ๋ก ์คํํ ์ ์์ต๋๋ค.
OnWorks์ ํจ๊ป 98.css๋ผ๋ ์ด ์ฑ์ ๋ฌด๋ฃ๋ก ๋ค์ด๋ก๋ํ์ฌ ์จ๋ผ์ธ์ผ๋ก ์คํํ์ญ์์ค.
์ด ์ฑ์ ์คํํ๋ ค๋ฉด ๋ค์ ์ง์นจ์ ๋ฐ๋ฅด์ธ์.
- 1. ์ด ์ ํ๋ฆฌ์ผ์ด์ ์ PC์ ๋ค์ด๋ก๋ํ์ต๋๋ค.
- 2. ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ ์ ๋ ฅํฉ๋๋ค.
- 3. ์ด๋ฌํ ํ์ผ ๊ด๋ฆฌ์์์ ์ด ์์ฉ ํ๋ก๊ทธ๋จ์ ์ ๋ก๋ํฉ๋๋ค.
- 4. ์ด ์น์ฌ์ดํธ์์ ๋ชจ๋ OS OnWorks ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํ์ง๋ง ๋ ๋์ Windows ์จ๋ผ์ธ ์๋ฎฌ๋ ์ดํฐ๋ฅผ ์์ํฉ๋๋ค.
- 5. ๋ฐฉ๊ธ ์์ํ OnWorks Windows OS์์ ์ํ๋ ์ฌ์ฉ์ ์ด๋ฆ์ผ๋ก ํ์ผ ๊ด๋ฆฌ์ https://www.onworks.net/myfiles.php?username=XXXXX๋ก ์ด๋ํฉ๋๋ค.
- 6. ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ค์ด๋ก๋ํ์ฌ ์ค์นํฉ๋๋ค.
- 7. Linux ๋ฐฐํฌ ์ํํธ์จ์ด ์ ์ฅ์์์ Wine์ ๋ค์ด๋ก๋ํฉ๋๋ค. ์ค์น๊ฐ ์๋ฃ๋๋ฉด ์ฑ์ ๋ ๋ฒ ํด๋ฆญํ์ฌ Wine๊ณผ ํจ๊ป ์คํํ ์ ์์ต๋๋ค. ์ธ๊ธฐ ์๋ Windows ํ๋ก๊ทธ๋จ ๋ฐ ๊ฒ์์ ์ค์นํ๋ ๋ฐ ๋์์ด ๋๋ Wine์ ํตํ ๋ฉ์ง ์ธํฐํ์ด์ค์ธ PlayOnLinux๋ฅผ ์ฌ์ฉํด ๋ณผ ์๋ ์์ต๋๋ค.
Wine์ Linux์์ Windows ์ํํธ์จ์ด๋ฅผ ์คํํ๋ ๋ฐฉ๋ฒ์ด์ง๋ง Windows๊ฐ ํ์ํ์ง ์์ต๋๋ค. Wine์ ๋ชจ๋ Linux ๋ฐ์คํฌํ์์ ์ง์ Windows ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋ ์คํ ์์ค Windows ํธํ์ฑ ๊ณ์ธต์ ๋๋ค. ๋ณธ์ง์ ์ผ๋ก Wine์ Windows๊ฐ ํ์ํ์ง ์๊ณ ๋ชจ๋ Windows ์์ฉ ํ๋ก๊ทธ๋จ์ ์คํํ ์ ์๋๋ก Windows๋ฅผ ์ฒ์๋ถํฐ ์ถฉ๋ถํ ๋ค์ ๊ตฌํํ๋ ค๊ณ ํฉ๋๋ค.
์คํฌ๋ฆฐ ์ท
Ad
98.css
๊ธฐ์
98.css๋ Windows 98์ฒ๋ผ ๋ณด์ด๋ ์ธํฐํ์ด์ค๋ฅผ ๊ตฌ์ถํ๊ธฐ ์ํ CSS ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์๋งจํฑ HTML์ ์ฌ์ฉ์ ์์กดํฉ๋๋ค. ๋ฒํผ์ ๋ง๋ค๋ ค๋ฉด ๋ฅผ ์ฌ์ฉํด์ผ ํฉ๋๋ค . ์ ๋ ฅ ์์์๋ ๋ ์ด๋ธ์ด ํ์ํฉ๋๋ค. ์์ด์ฝ ๋ฒํผ์ aria-label์ ์ฌ์ฉํฉ๋๋ค. ์ด ํ์ด์ง๋ ํด๋น ํ๋ก์ธ์ค๋ฅผ ์๋ดํ์ง๋ง ์ ๊ทผ์ฑ์ ์ด ํ๋ก์ ํธ์ ์ฃผ์ ๋ชฉํ์ ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์์ ์ ๊ณตํ๋ ๋ชจ์์ ์ ์งํ๋ฉด์ ์์์ ๋ง์ ์คํ์ผ์ ์ฌ์ ์ํ ์ ์์ต๋๋ค. ๋ฒํผ์ ๋ ๋ง์ ํจ๋ฉ์ด ํ์ํ์ญ๋๊น? ๊ทธ๊ฒ์ ์ํด ๊ฐ์ญ์์ค. ์ ๋ ฅ ๋ ์ด๋ธ์ ์์์ ์ถ๊ฐํด์ผ ํฉ๋๊น? ์ฐ๋ฆฌ์ ์๋์ด ๋์ญ์์ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์๋ JavaScript๊ฐ ํฌํจ๋์ด ์์ง ์์ผ๋ฉฐ ์ผ๋ถ CSS๋ก HTML ์คํ์ผ์ ์ง์ ํ ๋ฟ์ ๋๋ค. ์ด๋ 98.css๊ฐ ์ ํํ ํ๋ฐํธ์๋ ํ๋ ์์ํฌ์ ํธํ๋จ์ ์๋ฏธํฉ๋๋ค.
๊ธฐ๋ฅ
- 98.css๋ฅผ ์ฌ์ฉํ๋ ๊ฐ์ฅ ๋น ๋ฅธ ๋ฐฉ๋ฒ์ unpkg์์ ๊ฐ์ ธ์ค๋ ๊ฒ์ ๋๋ค.
- ๋๋ ๋ฆด๋ฆฌ์ค ํ์ด์ง์์ 98.css๋ฅผ ๊ฐ์ ธ์ฌ ์ ์์ต๋๋ค.
- npm start๋ฅผ ์ฌ์ฉํ์ฌ ๊ฐ๋ฐ ํ๊ฒฝ์ ์์ํ ์ ์์ต๋๋ค.
- npm run build๋ฅผ ์ฌ์ฉํ์ฌ ๋น๋๋ฅผ ์๋์ผ๋ก ์คํํ ์ ์์ต๋๋ค.
- style.css๋ ๋ชจ๋ ์ผ์ด ์ผ์ด๋๋ ๊ณณ์ ๋๋ค.
- ์ ํํ ํ๋ฐํธ์๋ ํ๋ ์์ํฌ์ ํธํ ๊ฐ๋ฅ
์ด๊ฒ์ https://sourceforge.net/projects/ninetyeight-css.mirror/์์๋ ๊ฐ์ ธ์ฌ ์ ์๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๋ค. ๋ฌด๋ฃ ์ด์ ์ฒด์ ์ค ํ๋์์ ๊ฐ์ฅ ์ฌ์ด ๋ฐฉ๋ฒ์ผ๋ก ์จ๋ผ์ธ์ผ๋ก ์คํํ๊ธฐ ์ํด OnWorks์์ ํธ์คํ ๋์์ต๋๋ค.