Programming Guide

Vue.js 시작하기

What is Vue.js? Vue는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크로 점진적으로 채택할 수 있도록 설계되어 있는 프레임워크이다. Vue의 핵심 라이브러리는 Vue로 구현한 뷰 레이어만 적용할 수 있기 때문에 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽고, 여러 현대적인 개발 도구와 Vue를 지원하는 라이브러리를 함께 사용하면 정교한 싱플 페이지 어플리케이션도 쉽게 구현할 수 있다. Quick Start 1. CDN Vue는 프로토 타이핑이나 단순 학습 목적을 위해 최신 버전을 쉽게 사용해 볼 수 있도록 CDN으로도 스크립트를 제공하고 있다. 만약 특정 버전의 빌드 파일을 사용해야 하는 경우라면 아래와 같이 특정 버전의 빌드 파일을 추가할 수 있다. ES 모듈을 사용할 수 ..

Next.js 시작하기

What is Next.js? React에서 서버 사이드 렌더링을 간편하게 해주는 프레임워크로 서버 측에서 React 코드를 실행한다. React.js를 서버 측에서 pre-rendering하여 html을 생성하고 브라우저에게 보내주면 브라우저에서 React를 사용해 웹페이지를 완성한다. Javascript로 모든 페이지를 구성하는 React와는 다르게, 서버사이드 렌더링을 하게 되면 검색엔진들이 HTML을 직접 검색할 수 있으므로 검색어 노출에 효율적이다. 직관적인 페이지 기반 라우팅 시스템을 지니고 있으며 자동적으로 코드를 분할해 로딩이 빠르다. 또한 내장 CSS 및 Sass 지원 등 모든 CSS-in-JS 라이브러리를 지원하고 Fast Refresh를 지원한다. Quick Start Next.js는..

Dart 시작하기

What is Dart? Dart란 구글이 앱을 위해 디자인한 프로그래밍 언어로 크로스플랫폼 웹 프레임워크인 Flutter의 주력 언어이다. Dart는 객체지향이면서 C언어와 유사한 문법을 가지고 있다. 또한 실행 중인 앱에 즉시 결과를 보여주는 hot reload를 사용해서 개발 생산성을 높일 수 있다. 그리고 AOT 컴파일로 네이티브 코드를 생성하기 때문에 모든 플랫폼에서 빠른 속도를 제공한다. Quick Start Dartpad는 공식적으로 제공되는 웹 에디터이다. 코드를 저장할 수는 없기 때문에 실제 개발용으로 사용하기엔 무리지만 간단한 로직 테스트로는 훌륭하다. 그러므로 이번 글에선 Dartpad를 사용하도록 하겠다. https://dartpad.dartlang.org/ DartPad dartp..

Flask 시작하기

What is Flask? Flask는 파이썬으로 웹 애플리케이션을 개발할 때 가장 많이 사용되는 웹 프레임워크로 마이크로 웹 프레임워크라고 불린다. 마이크로(micro)는 프레임워크를 간결하게 유지(simple)하고 확장(Extensible)할 수 있도록 만들었다 라는 뜻이다. 다시말해 Flask는 최소한의 구성 요소와 요구 사항을 제공하고 필요에 따라 유연하게 확장할 수 있도록 설계되어 있다. Quick Start 설치는 간단하게 pip를 이용하여 할 수 있다. pip install flask 웹 프레임워크 없이 짧은 코드만으로도 웹 서버 구현이 가능하다. from flask import Flask app = Flask(__name__) @app.route("/") def hello(): return..