개발 노트

0. vscode로 배포할 깃허브 준비. 수정사항 있으면 git으로 언제든지 push 1. 우선 aws 회원가입하고 인스턴스 만들어야함 - 키 발급하고, 키는 desktop으로 옮김 - 보안 그룹도 잘 생성해야함 (8000포트도 열어주기) 2. 인스턴스 생성하고 터미널로 이동해서 키 관리~ - 키 생성한거 복사 $ /Users//Desktop/ $ ls -al .pem $ cp .pem ~/ $ cd $ ls -al .pem - 권한주기 $ chmod 400 .pem 3. 인스턴스와 연결 (터미널로 접속) - 인스턴스 연결 누르면 명령어 그대로 복붙하면 됨 $ ssh -i ".pem" @ Are you sure you want to continue connecting (yes/no/[fingerprint..

단순히 제가 배운것을 토대로 실습해보고 있는 중입니다!! 공부 단계 -->> 책읽기, 파이썬 언어 공부? 일단 따라해보세요. MTV가 저절로 이해가 되더라고요.. 첫 시작은 이해 하면 됩니다. 저도 그러는중.. 초보자 입장에서 이해한대로 찬찬히 써볼게요 아래 명령어는 bash 창에서 진행하는거에요 ! 1. 먼저 가상환경 설치! 저는 맥이라서 python 뒤에 3를 붙일게요 python -m venv env 2. 가상환경 활성화 source venv/bin/activate 3. 자바 설치 (venv에 꼭 들어와있어야함) pip3 install django 그럼 기본 세팅은 완료. 본격적으로 장고 프로젝트 시작해봅시다 ! web_study는 제가 설정한 폴더 이름이므로 자유롭게 하시면 됩니다 django-a..

유저가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것을 이벤트라고 합니다. 리액트의 이벤트 시스템은 웹 브라우저의 HTML 이벤트와 인터페이스가 동일하기 때문에 사용법이 꽤 비슷합니다. 다만, 주의사항 1. 이벤트 이름은 camelCase로 작성 ex) onclick -> onClick 2. 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라, 함수 형태의 값을 전달 3. DOM 요소에만 이벤트를 설정할 수 있음 이벤트 핸들링 EventPractice.js import React, { Component } from "react"; class EventPractice extends Component{ render(){ return( 이벤트 연습 { console.log(e); } } /> ); }..

컴포넌트 컴포넌트 생성하는 방법 1. scr 디렉터리 내부에 -(이름 자유).js 파일 생성 2. 컴포넌트 초기 코드 작성 import React,{Component} from 'react'; class Content extends Component{ render(){ return( {this.props.title} {this.props.sub} ); } } export default Content; 모듈 내보내기 export default MyComponent; 모듈 불러오기 import props props는 컴포넌트 속성을 설정할 때 사용하는 요소이다,. props 같은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트(현 상황에서는 App 컴포넌트가 부모 텀포넌트)에서만 설정할 수 있다. MYComp..

생활코딩 리액트 강의를 듣다가 먼저 책으로 공부하면서 정리하는 게 이해가 더 쉽다고 생각했다. 그래서 티스토리에 리액트 정리를 하면서 공부를 할 것이다:) 작심삼일 안 되게 해주세오,,, 책은 '리액트를 다루는 기술 요약'입니다. 리액트에 대해 먼저 알아보자 리액트란? 리액트는 자바스크립트 라이브러리로 오직 유저 인터페이스를 만드는 데 사용합니다. 구조가 MVC, MVW 등인 프레임워크와 달리, 오직 V만 신경 쓰는 라이브러리입니다. 리액트 프로젝트에서 특정 부분이 어떻게 생길지 정하는 선언체가 있는데, 이를 컴포넌트라고 합니다. 컴포넌트는 재사용이 가능한 API로 수많은 기능들을 내장하고 있습니다. 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식을 정의합니다. 어떤 UI 관련 프레임워크, 라이브러..