Code to AI

이 문서는 Express(Node.js) 로 backend 를 개발하고, React 로 frontend를 개발하는 방법에 대한 설명을 보여줍니다.   작업환경 1Windows 10 OS가 설치 되어있는 LaptopNode.js v20.17.0 LTE 설치  - https://nodejs.org/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org'node -v' : v20.17.0'npm -v' : 10.8.3'first_app' 이라는 directory 생성후 , command line 에서 그곳으로 위치 이동Backend 준비 'first_ap..

Bootstrap 을 하나 다운로드한다. Google 에 아래와 같이 "free bootstrap templates" 라고 검색하면 다양한 site 들이 나온다. Site 에 들어가서 자신의 porject 에 적당한 template 를 선택하여 download 받는다.  예를 들어 "alien-1.0.0.zip" 를 다운로드 받았다면, 앞출을 푼다. 그안에 보면 다음과 같은 디렉토리 들이 있다.  "css" , "images" 그리고 "js"  디렉토리를 복사해여, 내 express 디렉토리 내부의 "public" 폴더에 붙여놓기 한다.  html 파일들을 복하여, 내 express 디렉토리 내부의 "views" 폴더에 붙여놓기 한다. .html 을 .ejs 로 변경한다. web.js 에서 다음과 같이 ..

20.04.1-Ubuntu 에, VS code based 로 Flutter 개발 환경을 설정하는 과정을 기록한 글이다. //준비 # sudo apt update # sudo apt upgrade // fluttor SDK 설치 # sudo snap install flutter --classic # flutter sdk-path # flutter doctor. //Android Studio 설치 # sudo apt-add-repository ppa:maarten-fonville/android-studio # sudo apt update # sudo apt-get update # sudo apt-get install android-studio -> 이렇게 설치가 완료 되어도 여전히 "flutter docto..

https://www.youtube.com/channel/UC_2ge45JCuJH1z6VYt4iCgQ 코딩셰프 향후 대세가 될 플러터를 단계별로 맛있게 학습하실 수 있습니다! www.youtube.com https://www.inflearn.com/course/%ED%94%8C%EB%9F%AC%ED%84%B0-%EC%9E%A5%EA%B3%A0-%ED%80%B4%EC%A6%88%EC%95%B1-%EC%84%9C%EB%B2%84-%ED%92%80%EC%8A%A4%ED%83%9D#curriculum [무료] 플러터와 장고로 1시간만에 퀴즈 앱/서버 만들기 [무작정 풀스택] - 인프런 | 강의 플러터와 장고로 풀스택 퀴즈앱을 만드는 강의입니다! 배울 거리가 많은 풀스택 강의로 풀스택 개발자가 되어보세요:), 풀..

https://betterprogramming.pub/3-future-programming-languages-you-should-learn-between-2022-and-2030-8a618a15eca6 3 Future Programming Languages You Should Learn Between 2022 and 2030 The programming languages that could dictate the world in the coming years betterprogramming.pub 1. Unity https://ctkim.tistory.com/entry/Unity-%EC%9E%85%EB%AC%B8-%EA%B0%95%EC%A2%8C-1-Unity-%EB%9E%80 [Unity 입문 강좌 - ..

현재 Page에서 다루는 내용 (1) Overview (2) 환경 설정 (3) 도움을 주는 Link (1) Overview Flutter 는 Dart 라는 언어를 사용하여, 하나의 코드로, Mobile (Android, iOS) , PC (Windows, iOS, Linux) , Web borwser 에서 실행되는 프로그램을 생성할 수 있는 플랫폼 이다. Goodle 에서 운영하고 있는 플랫폼으로 , 세상 모든 화면에서 실행되는 UI를 개발하고자 하는 비젼 아래서 운영된다. Flutter 은 각기 다른 플렛폼에서 제공하는 , 각기 다른 기능등을 사용하여, UI 화면을 만드는 것은 아니며, pixel 단위로 그림을 그려주는 단순한 알고리즘을 사용하는 기술을 이용해서 그렇게 하고 있다. 과거에는 Skia 라..

Ubuntu Linux 에 node.js 를 설치하고, 환경을 만듭니다. https://full-stack-developer.tistory.com/3?category=888454 Express 설치 설정 Express 는 Node.js 위에서 돌아가는 Framework로 쉽게 node.js based web server 를 만들수 있도록 많은 기능들을 제공한다. 전세계 적으로 많은 회사 들에서 Express 를 사용하고 있다. command prompt 를 열고.. full-stack-developer.tistory.com project_root /app.js 를 생성하고 아래와 같이 코딩합니다. const express = require('express') const app = express() //e..

https://necolas.github.io/normalize.css/ Normalize.css: Make browsers render all elements more consistently. Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing. necolas.github.io Normalize.css makes browsers render all elements more consistently and in line with modern standards. It prec..

Online front end 개발 툴 https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io API document: https://devdocs.io/ DevDocs Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app including HTML, CSS, JavaScript, P..

클라이언트는 요청을 보내는 주체로 - 웹브라우저 - 모바일 앱 서버는 네트워크를 통해 클라이언트에 정보 혹은 서비스를 제공하는 컴퓨터 - 웹페이지, 웹사잍, 앱 등을 저장한 컴퓨터 웹 프로그래밍이란, HTTP 프로토콜로 통신하는 클라이언트와 서버를 개발하는 것 HTTP 요청 - Method 1. Get : Server로 부터 data를 받을 때 사용한다. 2. Post : Server로 요청을 수행하거나, file 을 송부할 때 사용한다.