๐Ÿš€GitHub์—์„œ ์›น ๊ฐœ๋ฐœ์ž๋ฅผ ์œ„ํ•œ 10๊ฐ€์ง€ ํŠธ๋ Œ๋“œ ํ”„๋กœ์ ํŠธ - 2021๋…„ 4์›” 30์ผ

47413 ๋‹จ์–ด webdevnewsjavascriptproductivity
๋งค์ฃผ ์‹œ์‚ฌํ†ต์‹ ์—์„œ ํŠธ๋ Œ๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. www.iainfreestone.com ๋กœ๊ทธ์ธํ•ด์„œ ์–ด๋–ค ๊ฒƒ๋„ ๋†“์น˜์ง€ ์•Š๋„๋ก ํ•˜์‹ญ์‹œ์˜ค.

1.WinBox


WinBox๋Š” ์ „๋ฌธ์ ์ธ HTML5 ๋„คํŠธ์›Œํฌ ์ฐฝ ๊ด€๋ฆฌ์ž์ž…๋‹ˆ๋‹ค: ๊ฒฝ๋Ÿ‰๊ธ‰, ํƒ์›”ํ•œ ์„ฑ๋Šฅ, ์˜์กด์„ฑ ์—†์Œ, ์™„์ „ ๋งž์ถคํ˜•, ์†Œ์Šค ์˜คํ”ˆ!

๋‹ค์Œ ๋‹จ๊ณ„ / winbox


WinBox๋Š” ์ „๋ฌธ์ ์ธ HTML5 ๋„คํŠธ์›Œํฌ ์ฐฝ ๊ด€๋ฆฌ์ž์ž…๋‹ˆ๋‹ค: ๊ฒฝ๋Ÿ‰๊ธ‰, ํƒ์›”ํ•œ ์„ฑ๋Šฅ, ์˜์กด์„ฑ ์—†์Œ, ์™„์ „ ๋งž์ถคํ˜•, ์†Œ์Šค ์˜คํ”ˆ!



ํ˜„๋Œ€ ๋„คํŠธ์›Œํฌ ์ฐฝ ๊ด€๋ฆฌ์ž: ๊ฒฝ๋Ÿ‰๊ธ‰, ํƒ์›”ํ•œ ์„ฑ๋Šฅ, ์˜์กด์„ฑ ์—†์Œ, ์™„์ „ ๋งž์ถคํ˜• ์˜คํ”ˆ!




Demo โ€‚โ€ขโ€‚ Getting Started โ€‚โ€ขโ€‚ Options โ€‚โ€ขโ€‚ API โ€‚โ€ขโ€‚ Themes โ€‚โ€ขโ€‚ Customize โ€‚โ€ขโ€‚ Changelog

ํ˜„์žฅ ๋ฐ๋ชจ/์ฝ”๋“œ ์˜ˆ:https://nextapps-de.github.io/winbox/


๊ฐœ์‹œํ•˜๋‹ค


์ตœ์‹  ์•ˆ์ •์ ์ธ ๋ฒ„์ „ ๊ฐ€์ ธ์˜ค๊ธฐ(๊ถŒ์žฅ):
๋ฌถ์Œ: (๋ชจ๋“  ์ž์‚ฐ์„ ํ•œ ํŒŒ์ผ์— ๋ฌถ์Œ: js+css+html+ ์•„์ด์ฝ˜)
winbox.๋ฌถ์Œjs
Download
https://rawcdn.githack.com/nextapps-de/winbox/0.2.0/dist/winbox.bundle.js
๋น„ ๋ฌถ์Œ: (js์™€ css๋Š” ๋ถ„๋ฆฌ๋˜์–ด ์žˆ์œผ๋ฉฐ css๋Š”base64 ์•„์ด์ฝ˜์„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค)
winbox.min.js
Download
https://rawcdn.githack.com/nextapps-de/winbox/0.2.0/dist/js/winbox.min.js
winbox.min.css
Download
https://rawcdn.githack.com/nextapps-de/winbox/0.2.0/dist/css/winbox.min.css
์ถœ์ฒ˜: (์ „ํ˜€ ๋ฌถ์ง€ ์•Š๊ณ  ๊ทธ๋ฆผ์ด ์›์‹œ ์ž์›์ธ URL)
ES6 ๋ชจ๋“ˆ
Download
์ด Github ์ €์žฅ์†Œ์˜/src/js ํด๋”
ํŒŒ์ผ ์ˆ˜ ๊ฐ์†Œ(์†Œ์Šค)
Download
์ด Github ์ €์žฅ์†Œ์˜/src/css ํด๋”
winbox.css(์ปดํŒŒ์ผ๋จ)
Download
https://rawcdn.githack.com/nextapps-de/winbox/0.2.0/src/css/winbox.css
src.์ง€ํผ
Download
๊ทธ๋ฆผ์˜ ์›๋ณธ ์ž์›์„ ํฌํ•จํ•œ ๋ชจ๋“  ์›๋ณธ ํŒŒ์ผ์„ ๋‹ค์šด๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค.
์ตœ์‹  ์ •๋ณด๋ฅผ ๋ณด๋ ค๋ฉด(NPM):
npm install winbox

Get Latest Nightly (Do not use for production!):

Just exchange the version number from the URLs above with "master", e.g.: "/winbox/โ€ฆ


2. ์Šคํฌ๋ฆฝํŠธ ํ‚คํŠธ

Automation for Developers, Automate Anything! Making scripts easy to run, write, and share

์กด ๋ฆฐ๋” ํ‚ค์ŠคํŠธ / ๋ถ€์†ํ’ˆ

๋ชจ๋“  ๊ฒƒ์„ ์ž๋™ํ™”ํ•˜๋‹ค.





3. ๋ฐ”๋‹๋ผ ์—์„ผ์Šค

Zero-runtime Stylesheets-in-TypeScript. Write your styles in TypeScript (or JavaScript) with locally scoped class names and CSS Variables, then generate static CSS files at build time.

oss ๊ฒ€์ƒ‰ / ๋ฐ”๋‹๋ผ ์—์„ผ์Šค

TypeScript์— ๋Ÿฐํƒ€์ž„ ์Šคํƒ€์ผ์‹œํŠธ๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

๐Ÿง ๋ฐ”๋‹๋ผ ์—์„ผ์Šค

Zero-runtime Stylesheets-in-TypeScript.

Write your styles in TypeScript (or JavaScript) with locally scoped class names and CSS Variables, then generate static CSS files at build time.

Basically, itโ€™s โ€œCSS Modules-in-TypeScriptโ€ but with scoped CSS Variables + heaps more.

๐Ÿ”ฅ ย  All styles generated at build time โ€” just like Sass, Less, etc.

โœจ ย  Minimal abstraction over standard CSS.

๐Ÿฆ„ ย  Works with any front-end framework โ€” or even without one.

๐ŸŒณ ย  Locally scoped class names โ€” just like CSS Modules.

๐Ÿš€ ย  Locally scoped CSS Variables, @keyframes and @font-face rules.

๐ŸŽจ ย  High-level theme system with support for simultaneous themes. No globals!

๐Ÿ›  ย  Utils for generating variable-based calc expressions.

๐Ÿ’ช ย  Type-safe styles via CSSType.

๐Ÿƒโ€โ™‚๏ธ ย  Optional runtime version for development and testing.

๐Ÿ™ˆ ย  Optional API for dynamic runtime theming.


๐Ÿ–ฅ ย  Try it out for yourself in CodeSandbox.


Write your styles in .css.ts files.

// styles.css.ts
import { createTheme,
โ€ฆ

4.๋ฐœ๋

The headless editor framework for web artisans.

์œ ๋ฒ ๋ฅดํ† ์‹œ์Šค / ๋ฐœ๋

๋„คํŠธ์›Œํฌ ์žฅ์ธ์„ ์œ„ํ•œ ํ—ค๋” ํŽธ์ง‘๊ธฐ ํ”„๋ ˆ์ž„์›Œํฌ

tiptap 2

A headless, framework-agnostic and extendable rich text editor, based on ProseMirror.

If youโ€™re looking for tiptap 1, click here.

์˜ˆ.

Have a look at the examples to see tiptap in action.

๋ฌธ์„œ

The full documentation is a available on www.tiptap.dev.

์ปค๋ฎค๋‹ˆํ‹ฐ

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

Discuss tiptap on GitHub

๐Ÿ’– ์Šคํฐ์„œ

mymind DocIQ Apostrophe CMS Ycode, Flow Mobile, Gretel, Omics Data Automation, Novadiscovery, Atlan Technologies, Gamma, Kirchner Consulting, IT Xpert and hundreds of awesome inviduals.

Using tiptap in production? Invest in the future of tiptap and become a sponsor!

์ด๋ฐ”์ง€

Please see CONTRIBUTING for details.

๊ณตํ—Œ์ž

Sam Willis Christoph Flathmann, Erick Wilderโ€ฆ


์ •ํ™”

DOMPurify - a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.

์น˜์œ ํ•˜๋‹ค / Domprify

HTML, MathML, SVG์— ์ ์šฉ๋˜๋Š” DOM, ์ดˆ๊ณ ์†, uber์— ๋Œ€ํ•œ ๊ด€์šฉ์„ ๊ฐ–์ถ˜ XSS ์ •ํ™”์ œDOMPurify๋Š” ๋ณด์•ˆ ๊ธฐ๋ณธ๊ฐ’์„ ์‚ฌ์šฉํ•˜์ง€๋งŒ, ์„ค์ • ๊ฐ€๋Šฅ์„ฑ๊ณผ ์—ฐ๊ฒฐ์„ ๋งŽ์ด ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.๋ฐ๋ชจ:

Domprify

DOMPurify is a DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG.

It's also very simple to use and get started with. DOMPurify was started in February 2014 and, meanwhile, has reached version 2.3.1.

DOMPurify is written in JavaScript and works in all modern browsers (Safari (10+), Opera (15+), Internet Explorer (10+), Edge, Firefox and Chrome - as well as almost anything else using Blink or WebKit). It doesn't break on MSIE6 or other legacy browsers. It either uses a fall-back or simply does nothing.

Our automated tests cover 17 different browsers right now, more to come. We also cover Node.js v14.15.1, v15.4.0, running DOMPurify on jsdom. Older Node.js versions are known to work as well.

DOMPurify is written by security people who have vast background in web attacks and XSS. Fear not. For more details please also read about our Security Goals & Threat Modelโ€ฆ


6.๋ฌดํ™”๊ณผ

Fig adds VSCode style autocomplete to your terminal

๋ฌดํ™”๊ณผ / ์ž๋™ ์™„์„ฑ

Fig๊ฐ€ ํ„ฐ๋ฏธ๋„์— ์ž๋™์œผ๋กœ ์ถ”๊ฐ€๋ฉ๋‹ˆ๋‹ค.


Fig adds autocomplete to your terminal.

As you type, Fig pops up subcommands, options, and contextually relevant arguments in your existing terminal on macOS.


๐Ÿ‘‹ CLI ๋„๊ตฌ์— ๋Œ€ํ•œ ์™„๋ฃŒ ์‚ฌ์–‘ ์ถ”๊ฐ€

Want to add autocomplete to a CLI tool (or make changes to an existing autocomplete spec)? We welcome contributions!

Completion specs are defined in a declarative schema that specifies subcommands, options and arguments. Suggestions are generated from information in the spec or can be generated dynamically by running shell commands or reading local files.

For documentation and tutorials, visit fig.io/docs

To request autocomplete for a CLI tool, open an issue.


๐Ÿ˜Ž ์‹œ์ž‘ํ•˜๋‹ค

Build your first spec in 3 min or less: fig.io/docs/getting-started

Prerequisites:

  • Early access to the Fig macOS app.

If you don't have access yet, sign up for the waitlist and say you're interested in building completions!

  • Node and NPMโ€ฆ

7. ๋ณ„๋„์˜ ์ธํ˜• ๋ฐฐ์šฐ

Teach puppeteer new tricks through plugins.

๋‚œํญํ•˜๋‹ค / ์Šˆํผ ์ธํ˜• ๋ฐฐ์šฐ

๐Ÿ’ฏ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ํ†ตํ•ด ์ธํ˜• ๋ฐฐ์šฐ์—๊ฒŒ ์ƒˆ๋กœ์šด ์ˆ˜๋ฒ•์„ ๊ฐ€๋ฅด์น˜๋‹ค.

์Šˆํผ ์ธํ˜• ๋ฐฐ์šฐ

This is the monorepo for puppeteer-extra, a modular plugin framework for puppeteer. :-)

๐ŸŒŸ For the main documentation, please head over to the puppeteer-extra package.

In case you're interested in the available plugins, check out the packages folder.

Monorepo

Contributing

์ด๋ฐ”์ง€

PRs and new plugins are welcome! The plugin API for puppeteer-extra is clean and fun to use. Have a look the PuppeteerExtraPlugin base class documentation to get going and check out the existing plugins (minimal example is the anonymize-ua plugin) for reference.

We use a monorepo powered by Lerna (and yarn workspaces), ava for testing, the standard style for linting and JSDoc heavily to auto-generate markdown documentation based on code. :-)

Lerna

๋ ˆ๋ฅด๋‚˜

This monorepo is powered by Lerna and yarn workspaces.

์ดˆ๊ธฐ ์„ค์ •

# Install deps
yarn
# Bootstrap the packages in the current Lerna repo.
# Installs all of their dependencies and links
โ€ฆ

8.swc

swc is a super-fast compiler written in rust; producing widely-supported javascript from modern standards and typescript.

swc ํ”„๋กœ์ ํŠธ / swc

swc๋Š”rust๋กœ ์ž‘์„ฑ๋œ ์ดˆ๊ณ ์† ์ปดํŒŒ์ผ๋Ÿฌ์ž…๋‹ˆ๋‹ค.ํ˜„๋Œ€ ํ‘œ์ค€๊ณผ typescript์—์„œ ๊ด‘๋ฒ”์œ„ํ•˜๊ฒŒ ์ง€์›๋˜๋Š”javascript๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.

Make the web (development) faster

swc is a super-fast typescript / javascript compiler written in rust. It's a library for rust and javascript at the same time. If you are using swc from rust, see rustdoc and for most users, your entrypoint for using library will be parser.

If you are using swc from javascript, please refer to docs on the website.

๋ฌธ์„œ

Check out the documentation in the website.

ํŠน์ง•.

Please see comparison with babel.

ํ‘œํ˜„

Please see benchmark results on the website.

swc ์ง€์›

swc is a community-driven project, and is maintained by a group of volunteers. If you'd like to help support the future of the project, please consider:

์ด๋ฐ”์ง€

See CONTRIBUTING.md. You may also findโ€ฆ





9. ๋จน๋ฌผ ์ž๊ตญ

Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites.

๋จน์ค„ / ๋จน์ค„

Inkline์€ ๋งž์ถคํ˜• Vue์ž…๋‹ˆ๋‹ค.js UI/UX ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ์™„๋ฒฝํ•œ ์‘๋‹ต์„ ์œ„ํ•œ ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋จน์ค„

Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites. Inkline is written and maintained by





Homepage ยท Documentation ยท Issue Tracker



์นดํƒˆ๋กœ๊ทธ

์žฅ์น˜

Read the Getting Started page and find information on framework contents, templates, examples, and more.












ํ…Œ์ŠคํŠธ ๋ฒ„์ „ ์ถ”๊ฐ€

The beta version for Inkline 3 (compatible with Vue 3) is finally out! Here are some basic installation instructions. Keep in mind that the beta is still subject to change.

npm install @inkline/inkline@next
'@inkline/inkline/src/inkline' ์„ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค.scssโ€™;
@Inkline/Inkline์—์„œ ์ž‰ํฌ ๋ผ์ธ ๊ฐ€์ ธ์˜ค๊ธฐ
vue์—์„œ ๊ฐ€์ ธ์˜ค๊ธฐ {createApp}
''์—์„œ ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ๊ฐ€์ ธ์˜ค๊ธฐ/์‘์šฉ ํ”„๋กœ๊ทธ๋žจ.vue'
const app=createApp(app);
์‘์šฉ ํ”„๋กœ๊ทธ๋žจ.์ž‰ํฌ ์‚ฌ์šฉํ•˜๊ธฐ;
์‘์šฉ ํ”„๋กœ๊ทธ๋žจ.๋งˆ์šดํŠธ("#app");

์˜ค๋ฅ˜ ๋ฐ ๊ธฐ๋Šฅ ์š”์ฒญ


์˜ค๋ฅ˜๋‚˜ ๊ธฐ๋Šฅ ์š”์ฒญ์ด ์žˆ์Šต๋‹ˆ๋‹ค...
View on GitHub

10. ๋ง์•„์ง€


์šฐ์•„ํ•˜๊ณ  ๋งŒ์ƒ์„ ํฌ๊ด„ํ•˜๋Š” ๋…ธ๋“œ.TypeScript ๊ธฐ๋ฐ˜ Js ์›น ํ”„๋ ˆ์ž„์›Œํฌ

ํฌ์•Œ์ธ  / ๋ง์•„์ง€


์„ธ๋ จ๋˜๊ณ  ๊ธฐ๋Šฅ์ ์ธ ๋…ธ๋“œ.TypeScript ๊ธฐ๋ฐ˜ Js ์›น ํ”„๋ ˆ์ž„์›Œํฌ๐Ÿš€.



https://foalts.org










๋ฌด์—‡์ด ๋ง์•„์ง€์ž…๋‹ˆ๊นŒ?


๋ง์•„์ง€๋Š” ํ•˜๋‚˜์˜ ๋…ธ๋“œ๋‹ค.์›น ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ๋งŒ๋“œ๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” JS ํ”„๋ ˆ์ž„์›Œํฌ์ž…๋‹ˆ๋‹ค.
๊ทธ๊ฒƒ์€ ์ด๋ฏธ ๋งŒ๋“ค์–ด์ง„ ์กฐ๋ฆฝํ’ˆ์„ ์ œ๊ณตํ•˜๊ธฐ ๋•Œ๋ฌธ์— ๋„ˆ๋Š” ๋งค๋ฒˆ ๋ฐ”ํ€ด๋ฅผ ์žฌ๋ฐœ๋ช…ํ•  ํ•„์š”๊ฐ€ ์—†๋‹ค.์›น ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ๋Š” ์™„์ „ํ•œ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.์—ฌ๊ธฐ์—๋Š” CLI, ํ…Œ์ŠคํŠธ ๋„๊ตฌ, ํ”„๋ŸฐํŠธ์—”๋“œ ์œ ํ‹ธ๋ฆฌํ‹ฐ, ์Šคํฌ๋ฆฝํŠธ, ๊ณ ๊ธ‰ ์ธ์ฆ, ORM, ๋ฐฐํฌ ํ™˜๊ฒฝ, GraphQL ๋ฐ Swagger API, AWS ์œ ํ‹ธ๋ฆฌํ‹ฐ ๋“ฑ์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.npm ๊ฒ€์ƒ‰ ํŒจํ‚ค์ง€๋ฅผ ํ•จ๊ป˜ ์ž‘์—…ํ•  ๋•Œ ๋ฐฉํ–ฅ์„ ์žƒ์„ ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.๋ชจ๋“  ๊ฒƒ์ด ๋‹ค ์ค€๋น„๋˜์—ˆ๋‹ค.
์ด ๋ชจ๋“  ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ–ˆ์ง€๋งŒ ํ”„๋ ˆ์ž„์›Œํฌ๋Š” ์—ฌ์ „ํžˆ ๊ฐ„๋‹จํ•˜๋‹ค.๋ณต์žก์„ฑ๊ณผ ๋ถˆํ•„์š”ํ•œ ์ถ”์ƒ์„ ํ•œ์ชฝ์— ๋†“์•„ ๊ฐ€์žฅ ์ง๊ด€์ ์ด๊ณ  ํ‘œํ˜„๋ ฅ ์žˆ๋Š” ๋ฌธ๋ฒ•์„ ์ œ๊ณตํ•œ๋‹ค.์šฐ๋ฆฌ๋Š” ๊ฐ„๊ฒฐํ•˜๊ณ  ์šฐ์•„ํ•œ ์ฝ”๋“œ๊ฐ€ ๋ฏธ๋ž˜์— ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ๊ฐœ๋ฐœํ•˜๊ณ  ์œ ์ง€ํ•˜๋Š” ๊ฐ€์žฅ ์ข‹์€ ๋ฐฉ๋ฒ•์ด๋ผ๊ณ  ๋ฏฟ๋Š”๋‹ค.์ธ์ฝ”๋”ฉํ•˜๋Š” ๋ฐ ๋” ๋งŽ์€ ์‹œ๊ฐ„์„ ๋“ค์ผ ์ˆ˜ ์žˆ์„ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ, ์–ด๋–ป๊ฒŒ ํ•˜๋Š”์ง€ ์•Œ์•„๋ณด๋ ค๋Š” ์‹œ๋„๋„ ํ•  ์ˆ˜ ์žˆ๋‹ค.
View on GitHub

๋ณ„ํ•˜๋Š˜์„ ์‘์‹œํ•˜๋‹ค๐Ÿ“ˆ


์ง€๋‚œ 7์ผ ๋™์•ˆ ์ƒ์Šนํญ์ด ๊ฐ€์žฅ ์ปธ๋‹ค


  • Free Programming Books+2453๊ฐœ์˜ ๋ณ„

  • Build Your Own X+2383๊ฐœ์˜ ๋ณ„

  • Web Developer Roadmap+2178๊ฐœ ๋ณ„

  • Public APIs+1804๊ฐœ ๋ณ„

  • JavaScript Algorithms+1341๊ฐœ ๋ณ„
  • ์ง€๋‚œ 7์ผ๊ฐ„ ์ตœ๊ณ  ์ฆ๊ฐ€์œจ(%)


  • JS Image Carver +37%

  • party.js +26%

  • Choc UI +24%

  • Superplate +22%

  • Fig +8%
  • ์ง€๋‚œ 30์ผ ๋™์•ˆ


  • Coding Interview University+7913๊ฐœ ๋ณ„

  • Free Programming Books+4655๊ฐœ์˜ ๋ณ„

  • Web Developer Roadmap+4498๊ฐœ ๋ณ„

  • Public APIs+4497๊ฐœ์˜ ๋ณ„

  • Clone Wars+3905๊ฐœ ๋ณ„
  • ์ง€๋‚œ 30์ผ ๋™์•ˆ ์ตœ๊ณ  ์ฆ๊ฐ€์œจ(%)


  • Appsmith +105%

  • React Flow +84%

  • Simpler State +59%

  • Clone Wars +59%

  • Headless UI +55%
  • ๋งค์ฃผ ์‹œ์‚ฌํ†ต์‹ ์—์„œ ํŠธ๋ Œ๋“œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. www.iainfreestone.com ๋กœ๊ทธ์ธํ•ด์„œ ์–ด๋–ค ๊ฒƒ๋„ ๋†“์น˜์ง€ ์•Š๋„๋ก ํ•˜์‹ญ์‹œ์˜ค.
    ๋งŒ์•ฝ ๋‹น์‹ ์ด ์ด ๊ธ€์„ ์ข‹์•„ํ•œ๋‹ค๋ฉด ํŠธ์œ„ํ„ฐ์— HTML, CSS, ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ๊ด€๋ จ๋œ ํŒ์„ ์ž์ฃผ ์˜ฌ๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

    ์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ