Developers 공간 [Basic]/Frontend(4)
-
[Flutter] 프로젝트 시작하기
기존에는 안드로이드 앱은 코틀린(Kotlin), 자바(Java) 언어와 안드로이드 SDK*를 이용하여 개발하고, iOS의 경우 스위프트(Swift), Objective-C 언어와 iOS SDK를 이용하여 네이티브 앱을 개발해왔습니다. 이번엔 요즘 크로스 플랫폼 개발 프레임워크 및 SDK로 유행하는 Flutter에 대해서 설명하고자 합니다. ** 크로스 플랫폼(Cross-platform) : Windows, OSX, Linux, iOS, Android 등 다양한 플랫폼에서 사용할 수 있다는 것 Flutter는 Google에서 개발한 크로스 플랫폼 모바일 앱 개발 프레임워크이며, 모바일 앱 개발시 네이티브 앱과 하이브리드 앱이 크로스플랫폼에 대해 일일히 구현해야 하는 어려움을 개선하기 위해 만들어졌습니다. ..
2023.02.18 -
[Web] React와 Typescript 시작하기
Web 개발을 위해서 다양한 방법(vue, react, svelte, pure html)이 존재하지만, 필수적으로 html 파일에 들어가는 Javascript 파일들을 하나의 자바스크립트 파일로 만들어주는 모듈 번들링은 꼭 필요합니다. ** 모듈 번들링(Module Bundling) : web 개발에 필요한 html/css/js 등을 하나의 혹은 여러가의 파일로 병합&압축 하는 것으로, Webpack, Rollup, 그리고 Pacel등이 있습니다. ** Parcel(파셀) : Build tool로, Webpack의 설정은 까다롭고 시간적으로 비용이 많이 들기도 하는데 Parcel은 설정이 필요없는 zero-configuration 이기 때문에, 빌드를 위해 번들러를 학습하는 시간을 많이 줄일 수 있는 매..
2023.01.06 -
[Web] Javascript 기초 문법 정리
이번 시간에는 Interactive(인터랙티브) 웹을 구현하기 위한 Javascript에 대해서 설명하고자 합니다. Javascript는 대부분의 웹개발자들이 배우는 대중적인 ‘웹 개발 언어’이며, 드롭다운(Dropdown)메뉴, 슬라이드 효과, 대화창을 비롯한 다양한 효과를 웹페이지에서 구현 가능하게 해줍니다. 흔히들 Javascript를 웹 개발자의 첫 번째 프로그래밍 언어라 부릅니다. 단, 물론 Javsascript는 진정한 프로그래밍 언어가 아니라 스크립트 언어라고 말하는 사람들도 있습니다. CSS3에서 추가 기능이 생겨나면서 Javscript 없이도 멋진 기능을 만들어낼 수 있게 되었지만, 그렇다고 해서 Javascript가 더 이상 무용지물이 된 것은 아닙니다. 또한 서버에서 Node.JS가 ..
2022.12.21 -
[Web] HTML/CSS 기초 문법 정리
이번 시간에는 web 구현하기 위해 기본적으로 사용하는 HTML/CSS를 정리해보려고 합니다. HTML/CSS는 가장 기본이 되는 ‘웹 개발 언어’로, 로직을 다루는 것이 아니기 때문에 실제 프로그래밍 언어라고 할 수는 없습니다. HTML은 마크업 언어(markup language)이고, CSS는 스타일 언어(Style Language)라고 부릅니다. HTML은 페이지가 어떻게 구성되는지를 정하는 언어이고, CSS는 페이지가 화면에 어떻게 보이는지를 정하는 언어로, 두 언어는 서버의 도움 없이 브라우저 안에서 작동되기 때문에 프론트엔드(frontend) 언어로 간주합니다. HTML과 CSS의 가장 최근 버전은 2022년 말 현재 기준 HTML5와 CSS3 입니다. 1. HTML a. 기초 구조 b. 자주..
2022.12.21