Dev study and notes

노마드코더 ReactJS로 영화 웹 서비스 만들기 03 무료강좌JSX와 React 모드 간단 설명JSX에서 HTML 속성 이름JSX는 JavaScript와 HTML의 예약어 충돌을 피하기 위해 속성 이름을 약간 다르게 사용합니다.class → classNamefor → htmlForJSX: javascript: React.createElement('div', { id: 'root' });React 모드Development 모드: 개발 중에는 버그를 쉽게 찾을 수 있도록 자세한 에러 메시지를 제공합니다.Production 모드: 배포용으로 최적화되어 에러 메시지를 간소화하고 성능을 높입니다.​더 쉽게 말하면, JSX는 HTML을 JavaScript에서 사용하기 편리하게 변형한 것이고, React는 개발과 ..

노마드코더 ReactJS로 영화 웹 서비스 만들기 01 02 무료강좌​바닐라js 무료강좌, 수강 완료 진행하는 것을 추천드립니다.(아래링크 참고)https://blog.naver.com/devlunch4/223475803246 바닐라 JS로 크롬 앱 만들기 #2.0 Your First JS Project 노마드코더 무료강좌바닐라 JS로 크롬 앱 만들기 #2.0 Your First JS Project 노마드코더 무료강좌 안녕하세요 데브런치...blog.naver.com  2.1 강좌에서 스크립트 관련 react 링크는 아래를 사용.(react 설치)​https://unpkg.com/react@18.1.0/umd/react.production.min.jshttps://unpkg.com/react-dom@18..

JetBrains 의 코딩 에이전트 Junie EAP 대기자 신청​여러가지 프로그래밍 개발 도구를 사용에 있어, 요즘은 인공지능 도움 플러그인, 패키지 등이 많이있습니다.최근 이메일 받은편지함을 확인하던중 젯브레인에서도 코딩 도우미(코딩 에이전트)를 제공한다고 하여 서비스 이용을 위해 대기자 명단에 신청을 했습니다.​https://www.jetbrains.com/junie/?map=2#join-waitlist Junie, the coding agent by JetBrainsDelegate your tasks, focus on the resultswww.jetbrains.com위의 웹페이지 내용중 일부 내용을 보면위임, 반복, 검토 등을 junie를 이용하여 편리하게 할수 있고,프로젝트의 일관성 유지, 코..

이번 강좌에서는 강좌명 그대로 웹툰 앱을 만듭니다.이전의 강좌는 기본적인 플러터 사용을 위한 연습용 앱(디자인 연습, 타이머 앱)을 만들었다면, 플러터를 통해 웹툰 앱을 만드는 것입니다.#6 WEBTOON APP #6.0 Introduction (05:09) 이제까지 배운 것을 활용합니다.네이버 웹툰 사이트의 api 사용합니다.데이터 불러오기, 인터넷에서 패키지를 다운 받아 사용하기, 스마트폰 api 사용하는 법,폰에 데이터를 저장하는 법을 알게 될 것입니다.​니꼬가 만든 비공식 네이버 웹툰 api를 사용합니다https://webtoon-crawler.nomadcoders.workers.dev/ 네이버 웹툰 Unofficial API webtoon-crawler.nomadcoders.workers.de..

이번시간엔 간단한 앱으로 타이머를 만드는 강좌입니다.#5 POMODORO APP #5.0 User Interface (13:35) main.dart 수정(소스)import 'package:flutter/material.dart';import 'package:toonflix/screens/home_screen.dart';void main() { runApp(const App());}class App extends StatelessWidget { const App({super.key}); @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( colorScheme: ColorSc..

안녕하세요 데브런치입니다.​노마드코더의 Flutter로 웹툰 앱 만들기 4번째 챕터 부분 정리, 기록해 보았습니다.​#4 STATEFUL WIDGETS #4.0 State (07:33)플러터 코딩시 위젯에 관한 설명기존 main.dart 에 새로운 코드로 타이핑 합니다.플러터 소스의 클릭아이콘 까지 생성 및 클릭 오류 전까지 구현합니다.소스코드(아래)import 'package:flutter/material.dart';void main() { runApp(const App());}class App extends StatefulWidget { const App({super.key}); @override State createState() => _AppState();}class _AppState ex..

안녕하세요 데브런치입니다.​노마드코더의 Flutter로 웹툰 앱 만들기 3번째 챕터 부분 정리, 기록해 보았습니다.#3 UI CHALLENGE #3.0 Header (16:47) 어떻게 동작하는지 이해 중점으로 학습합니다.화면의 각 부분들이 어떻게 구성이 되어 있는지 확인합니다.​천천히 익히면서 합니다.​상단 바 관련 코드 삭제합니다.(appbar 삭제 확인, 아래 스크린샷)​3.0 강좌 최종 소스 -> class app 부분만 class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: Col..

Flutter로 웹툰 앱 만들기 #2 HELLO FLUTTER​ 안녕하세요 데브런치 입니다.이번엔 두 번째 장 강좌를 정리해 보았습니다.중간에 플러터 설치의 경우 강좌에서 간략하게 다루고 있습니다.이 부분은 따로 정리하며 기록해 보았습니다.​#2 HELLO FLUTTER#2.0 Installation (08:17) Flutter 설치방법을 소개합니다.설치를 하기 싫다면 온라인 에디터를 소개합니다.https://flutter.dev/ Flutter - Build apps for any screenFlutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embe..

https://flutter.dev/Flutter - Build apps for any screenFlutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.flutter.dev#1 INTRODUCTION NONE#0.0 ❤️ 무료 강의 ❤️NONE#1.0 Introduction (03:21)NONE#1.1 Requirements (02:05)NONE​#1.2 Why Flutter (09:43)https://flutter.dev/showcase Showcase - Flutter apps in p..

플러터 Flutter 공부를 시작 해보았습니다.​노마드코더에서 제공하는 무료 온라인 강좌입니다.강좌 주소는 아래 링크입니다.https://nomadcoders.co/flutter-for-beginners/​ Flutter 로 웹툰 앱 만들기 – 노마드 코더 Nomad CodersFlutter for Beginnersnomadcoders.co학습 이전, Dart 언어의 기본을 알고 있다면 강좌를 듣는데 도움이 된다고 안내를 합니다.이전에 수강 완료를 했지만 일지를 남기진 않았네요.​Dart 언어 강좌도 노마드코더에서 무료로 제공하고 있습니다.Dart 무료강좌 링크는 아래와 같습니다.https://nomadcoders.co/dart-for-beginners/lobby Dart 시작하기 – 노마드 코더 Nom..