엘리스AI트랙 9-2 : 도서관 대여 서비스 (개인 프로젝트) 파이썬 가상 환경(venv) 세팅 엑셀 파일 데이터를 mysql table에 삽입 아래 실시간 강의 때 필기한 내용을 보며 파이썬 가상 환경(venv)으로 작업하려고 세팅 실패 해결 기록 pip를 21.3.1로 업그레이드 하라는 위의 warning 해결 시도 → 에러 로그에서 user 를 붙이라고 해서, 붙여 시도 → 에러 로그 구글링하여 아래 글 시도 → 여전히 오류 → 또 구글링 후 발견... TILFlask엘리스AI트랙mysqlFlask [DB] 백엔드 데이터베이스 기초다지기(2) VScode로 Database를 작성해본다. 확장프로그램으로 python을 설치하고 jupyter Notebook Renderers를 설치한다. 그럼 .ipynb 파일을 통해 아래 처럼 DB를 관리할 수 있다. 어떤 데이터의 이름과 몸무게와 키를 관리하는 정보를 작성한다. f 라는 변수에 utf-8로 인코딩된 myfriends.txt 파일을 'w'rite 형식으로 연다. join 을 이용하여... vscode데이터베이스엘리스AI트랙백엔드vscode 10-2 : 도서관 대여 서비스 (개인 프로젝트) [엘리스 AI 트랙] 10주차 - 2 comment 권한이 있으면 수정하는 기능 추가 comment 권한이 있으면 삭제하는 기능 추가 comment 권한이 있으면 수정하는 기능 추가 엘리스 실습 코드를 참고해서 변형했다. → 로그인 한 user가 그 댓글의 user이면 jinja2 를 이용하여 보여준다. html과 js, jinja2 사용법이 헷갈려서 찾아보느라 시간이 조금 걸린 것 같다. ... jinja2mysqlJavaScriptTILFlask엘리스AI트랙Flask 2-2 : 자바스크립트 (엘리스 AI 트랙) [엘리스 AI 트랙] 2주차 - 2 온라인 강의, 실습 내용 정리본 9/29 수요일 자바스크립트 소개 1) 자바스크립트? 웹 사이트에서 이미지 슬라이드, 팝업 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어 2) 자바스크립트 활용 범위 변수 생성 방법 1) 변수 선언 및 데이터 저장, 출력 var, let, const → 지난 포스팅 참고 2) 자바스크립트 사용 방법 지... 엘리스AI트랙JavaScript자바스크립트JavaScript [React] Props, State, Event, Hooks Props는 Properties의 줄임말로, 컴포넌트에 원하는 값을 넘겨줄 때 사용한다. 변수, 함수, 객체, 배열 등 JavaScript 요소라면 제한 없이 받을 수 있다. State는 컴포넌트 내에서 유동적으로 변할 수 있는 값을 저장한다. 위 코드처럼, setState에 직접 값을 넣어 변경할 수도 있고, 함수를 넣어서 변경할 수도 있다. 현재 값을 기반으로 State를 변경하고자 하는... 엘리스AI트랙ReactReact 3-1 : React 기초 (엘리스 AI 트랙) : 최초 접속 요청 → 서버로부터 HTML 전달 받음 → 페이지 변경 필요할 때 데이터 전달하며(Form Post) 서버에 요청 → HTML 전달 받음 : 최초 접속 요청 → 서버로부터 HTML 전달 받음 → 페이지 변경 필요할 때 데이터 전달하며(AJAX 통신) 서버에 요청 → 변경 필요한 부분 JSON으로 전달 받음 HTML, JS vs React HTML+JS : 레이아웃을 구성하는 H... 리액트JavaScriptReact엘리스AI트랙JavaScript
9-2 : 도서관 대여 서비스 (개인 프로젝트) 파이썬 가상 환경(venv) 세팅 엑셀 파일 데이터를 mysql table에 삽입 아래 실시간 강의 때 필기한 내용을 보며 파이썬 가상 환경(venv)으로 작업하려고 세팅 실패 해결 기록 pip를 21.3.1로 업그레이드 하라는 위의 warning 해결 시도 → 에러 로그에서 user 를 붙이라고 해서, 붙여 시도 → 에러 로그 구글링하여 아래 글 시도 → 여전히 오류 → 또 구글링 후 발견... TILFlask엘리스AI트랙mysqlFlask [DB] 백엔드 데이터베이스 기초다지기(2) VScode로 Database를 작성해본다. 확장프로그램으로 python을 설치하고 jupyter Notebook Renderers를 설치한다. 그럼 .ipynb 파일을 통해 아래 처럼 DB를 관리할 수 있다. 어떤 데이터의 이름과 몸무게와 키를 관리하는 정보를 작성한다. f 라는 변수에 utf-8로 인코딩된 myfriends.txt 파일을 'w'rite 형식으로 연다. join 을 이용하여... vscode데이터베이스엘리스AI트랙백엔드vscode 10-2 : 도서관 대여 서비스 (개인 프로젝트) [엘리스 AI 트랙] 10주차 - 2 comment 권한이 있으면 수정하는 기능 추가 comment 권한이 있으면 삭제하는 기능 추가 comment 권한이 있으면 수정하는 기능 추가 엘리스 실습 코드를 참고해서 변형했다. → 로그인 한 user가 그 댓글의 user이면 jinja2 를 이용하여 보여준다. html과 js, jinja2 사용법이 헷갈려서 찾아보느라 시간이 조금 걸린 것 같다. ... jinja2mysqlJavaScriptTILFlask엘리스AI트랙Flask 2-2 : 자바스크립트 (엘리스 AI 트랙) [엘리스 AI 트랙] 2주차 - 2 온라인 강의, 실습 내용 정리본 9/29 수요일 자바스크립트 소개 1) 자바스크립트? 웹 사이트에서 이미지 슬라이드, 팝업 등의 기능을 포함한 동적인 웹사이트 제작 시 사용되는 프로그래밍 언어 2) 자바스크립트 활용 범위 변수 생성 방법 1) 변수 선언 및 데이터 저장, 출력 var, let, const → 지난 포스팅 참고 2) 자바스크립트 사용 방법 지... 엘리스AI트랙JavaScript자바스크립트JavaScript [React] Props, State, Event, Hooks Props는 Properties의 줄임말로, 컴포넌트에 원하는 값을 넘겨줄 때 사용한다. 변수, 함수, 객체, 배열 등 JavaScript 요소라면 제한 없이 받을 수 있다. State는 컴포넌트 내에서 유동적으로 변할 수 있는 값을 저장한다. 위 코드처럼, setState에 직접 값을 넣어 변경할 수도 있고, 함수를 넣어서 변경할 수도 있다. 현재 값을 기반으로 State를 변경하고자 하는... 엘리스AI트랙ReactReact 3-1 : React 기초 (엘리스 AI 트랙) : 최초 접속 요청 → 서버로부터 HTML 전달 받음 → 페이지 변경 필요할 때 데이터 전달하며(Form Post) 서버에 요청 → HTML 전달 받음 : 최초 접속 요청 → 서버로부터 HTML 전달 받음 → 페이지 변경 필요할 때 데이터 전달하며(AJAX 통신) 서버에 요청 → 변경 필요한 부분 JSON으로 전달 받음 HTML, JS vs React HTML+JS : 레이아웃을 구성하는 H... 리액트JavaScriptReact엘리스AI트랙JavaScript