[비트캠프 - 클라우드 기반 AlaaS 개발자 과정] 22.12.01.(DAY-34) TIL

수업 내용 끄젉

1) 용어

인공지능이 가능한 JS = only ES6

 

컴파일러 : 기계어 일괄 번역

인터프리터 : 기계어 즉시 통역 ⇒ 객체지향은 이게 맞음

 

A() - 생성자

a() - 함수

a.b() - 메소드

a.b - 속성

 

프로젝트 = 패키지(소스)와 디렉토리(리소스)의 집합

⇒ 배포 하면 라이브러리 or 프레임워크

 

언어 + 도구 = 개발환경 → (+개발중) ⇒ 시스템

 

서버 = 서비스를 제공하는 시스템

클라이언트 = 서비스를 사용하는 시스템

서버 + 클라이언트 ⇒ 시스템

프로젝트진행 = 시스템을만드는 것

 

리액트 환경설정

vsc에서 es6, 리액트, 도커 확장팩 설치

node js 설치 후 환경설정 ⇒ npm도 같이 다운로드 됨

node --version
npm --version
#설치확인

yarn install

#-g 가 전역으로 설정값은 준다는 뜻
npm install yarn -g

yarn install 안될때

get-help Set-ExecutionPolicy

Set-ExecutionPolicy RemoteSigned

#powershell 관리자에서 각각 입려후 y 입력

yarn으로 리액트 프레임워크 만들기

yarn create react-app (프로젝트이름)

소스코드는 이렇게 생겨먹음

그리고 리액트에서 볼 수 있는 함수 안에 함수 (상태패턴)

import React,{useState} from "react";

const App = () => {
  const [count, setcount] = useState(0)
  return (<>
    <h1>Count : {count}</h1>
    <button onClick={()=>setcount(count+1)}>Click me</button> 
  </>)
}

export default App;

//App은 설정값, retrun 내부는 상태값
//이후 파이썬에서 받는 return이 파이썬 입장에서 설정값이 됨

2) 놓친거

패키지 = ..??

디렉토리 : ??

도구 :

모듈 : …??

소스와 리소스..?

소스 코드 =

리소스 코드 =

라이브러리 : 도구

프로그래밍 시 유용하고 공통적인 클래스와 함수(객체)들의 집합

도구의 집합

프레임워크 : 자료

리퀘스트와 리스폰스는 한 공간에 존재 x..?

스케폴딩 → 만들어줄테니 글씨만 바꿔서 써라

템플릿 메소드 패턴..??

npm?

 

오늘은

좋다고 후다닥 리액트 로직 해놓고 버그나와서 제일 늦게 끝냄..

 

겸손겸손...