엘리스AI트랙 10-1 : 도서관 대여 서비스 (개인 프로젝트) 책 상세 페이지 구현 상세 페이지에서 댓글 남기기 기능 구현 댓글 내용과 평점 null인 경우 댓글 등록 금지 기능 구현 메인 페이지에서 평균 평점 보여주는 기능 구현 이메일 중복 체크, 유효한 이메일 형식 체크 이름 유효한 형식 체크 비밀번호 유효한 형식 체크 내용 없이 별점만 남기는 경우가 많아서 별점만 not null로 만들었는데, 제약 조건을 다시 보니 댓글 내용도 null 이 아니어... 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 [데이터베이스/SQL] SQL 기본 문법 DML (Data Manipulation Language) - 데이터 조작어 DCL (Data Control Language) - 데이터 제어어 CHAR(n) or CHARACTER(n) : 길이가 n인 고정 길이의 문자열 VARCHAR(n) or CHARACTER VARYING(n) : 최대 길이가 n인 가변 길이의 문자열 FLOAT(n) : 길이가 n인 부동 소수점 실수 🚀 ALTER 기... 정리엘리스AI트랙sqlsql [React] Props, State, Event, Hooks Props는 Properties의 줄임말로, 컴포넌트에 원하는 값을 넘겨줄 때 사용한다. 변수, 함수, 객체, 배열 등 JavaScript 요소라면 제한 없이 받을 수 있다. State는 컴포넌트 내에서 유동적으로 변할 수 있는 값을 저장한다. 위 코드처럼, setState에 직접 값을 넣어 변경할 수도 있고, 함수를 넣어서 변경할 수도 있다. 현재 값을 기반으로 State를 변경하고자 하는... 엘리스AI트랙ReactReact [자료구조/알고리즘] 4. 트리 즉, 트리는 그래프라고 할 수 있다. 어떤 정점에서 간선을 통해 다르 정점으로 이동할 수 있다. 어떤 정점에서 다른 정점으로 이동하기 위해 거치는 모든 정점을 경로라고 한다. 트리에서 어떠한 정점도 가리키지 않는 정점을 루트 노드(Root Node)라고 한다. 가리키는 정점이 없는 정점을 리프 노드(Leaf Node)라고 한다. ➕ 이진 트리 이진 탐색 트리 등 유용하게 활용되는 트리 중에는... 자료구조엘리스AI트랙엘리스AI트랙 [자료구조/알고리즘] 1. Intro (시간복잡도) 알고리즘이란? 문제를 해결하는 방법이다. 좋은 알고리즘이란? 문제를 효율적으로 (속도 빠르고, 메모리는 적게) 해결하는 방법이다. 프로그램 = 자료구조 + 알고리즘 자료구조의 효율성은 자료구조에 대해 수행되는 연산의 수행시간으로 측정한다. 수행시간을 나타내는 시간복잡도(Time Complexity)와 사용되는 메모리 공간의 크기를 나타내는 공간복잡도(Space Complexity)에 기반하여... 엘리스AI트랙자료구조알고리즘정리알고리즘 1-3 : 웹 프로그래밍 기초 (엘리스 AI 트랙) 웹 사이트에 생명을 넣기 위해서는 css3 속성 Transform, Transition, Animation을 기억하자! Transform : 웹사이트 특정 영역에서 오브젝트 각도 틀거나 크기 조절, 위치 변경할 때 사용하는 속성 1) rotate, scale scale(2, 10) → prefix 사용시 브라우저 하위 버전에서도 동작 가능 (위 경우엔 transform: scale(2, 3)... 웹프로그래밍기초CSS웹프로그래밍엘리스AI트랙htmlCSS 3-2 : React 기초 (엘리스 AI 트랙) 컴포넌트에 원하는 값을 넘겨줄 때 사용 변수, 함수, 객체, 배열 등 제한 없이 JS 요소를 넘겨줄 수 있다. setState에 함수를 넣기 : 함수가 반환(return)하는 값으로 State가 변경 → 현재 값을 기반으로 State를 변경할 땐 함수를 넣는 방법을 권장 이벤트 핸들러 함수는 이벤트 생겼을 때 처리하는 방법이다. 2) 이벤트 처리(핸들링) 방법 DOM Element의 경우 핸... hook리액트엘리스AI트랙ReactReact
10-1 : 도서관 대여 서비스 (개인 프로젝트) 책 상세 페이지 구현 상세 페이지에서 댓글 남기기 기능 구현 댓글 내용과 평점 null인 경우 댓글 등록 금지 기능 구현 메인 페이지에서 평균 평점 보여주는 기능 구현 이메일 중복 체크, 유효한 이메일 형식 체크 이름 유효한 형식 체크 비밀번호 유효한 형식 체크 내용 없이 별점만 남기는 경우가 많아서 별점만 not null로 만들었는데, 제약 조건을 다시 보니 댓글 내용도 null 이 아니어... 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 [데이터베이스/SQL] SQL 기본 문법 DML (Data Manipulation Language) - 데이터 조작어 DCL (Data Control Language) - 데이터 제어어 CHAR(n) or CHARACTER(n) : 길이가 n인 고정 길이의 문자열 VARCHAR(n) or CHARACTER VARYING(n) : 최대 길이가 n인 가변 길이의 문자열 FLOAT(n) : 길이가 n인 부동 소수점 실수 🚀 ALTER 기... 정리엘리스AI트랙sqlsql [React] Props, State, Event, Hooks Props는 Properties의 줄임말로, 컴포넌트에 원하는 값을 넘겨줄 때 사용한다. 변수, 함수, 객체, 배열 등 JavaScript 요소라면 제한 없이 받을 수 있다. State는 컴포넌트 내에서 유동적으로 변할 수 있는 값을 저장한다. 위 코드처럼, setState에 직접 값을 넣어 변경할 수도 있고, 함수를 넣어서 변경할 수도 있다. 현재 값을 기반으로 State를 변경하고자 하는... 엘리스AI트랙ReactReact [자료구조/알고리즘] 4. 트리 즉, 트리는 그래프라고 할 수 있다. 어떤 정점에서 간선을 통해 다르 정점으로 이동할 수 있다. 어떤 정점에서 다른 정점으로 이동하기 위해 거치는 모든 정점을 경로라고 한다. 트리에서 어떠한 정점도 가리키지 않는 정점을 루트 노드(Root Node)라고 한다. 가리키는 정점이 없는 정점을 리프 노드(Leaf Node)라고 한다. ➕ 이진 트리 이진 탐색 트리 등 유용하게 활용되는 트리 중에는... 자료구조엘리스AI트랙엘리스AI트랙 [자료구조/알고리즘] 1. Intro (시간복잡도) 알고리즘이란? 문제를 해결하는 방법이다. 좋은 알고리즘이란? 문제를 효율적으로 (속도 빠르고, 메모리는 적게) 해결하는 방법이다. 프로그램 = 자료구조 + 알고리즘 자료구조의 효율성은 자료구조에 대해 수행되는 연산의 수행시간으로 측정한다. 수행시간을 나타내는 시간복잡도(Time Complexity)와 사용되는 메모리 공간의 크기를 나타내는 공간복잡도(Space Complexity)에 기반하여... 엘리스AI트랙자료구조알고리즘정리알고리즘 1-3 : 웹 프로그래밍 기초 (엘리스 AI 트랙) 웹 사이트에 생명을 넣기 위해서는 css3 속성 Transform, Transition, Animation을 기억하자! Transform : 웹사이트 특정 영역에서 오브젝트 각도 틀거나 크기 조절, 위치 변경할 때 사용하는 속성 1) rotate, scale scale(2, 10) → prefix 사용시 브라우저 하위 버전에서도 동작 가능 (위 경우엔 transform: scale(2, 3)... 웹프로그래밍기초CSS웹프로그래밍엘리스AI트랙htmlCSS 3-2 : React 기초 (엘리스 AI 트랙) 컴포넌트에 원하는 값을 넘겨줄 때 사용 변수, 함수, 객체, 배열 등 제한 없이 JS 요소를 넘겨줄 수 있다. setState에 함수를 넣기 : 함수가 반환(return)하는 값으로 State가 변경 → 현재 값을 기반으로 State를 변경할 땐 함수를 넣는 방법을 권장 이벤트 핸들러 함수는 이벤트 생겼을 때 처리하는 방법이다. 2) 이벤트 처리(핸들링) 방법 DOM Element의 경우 핸... hook리액트엘리스AI트랙ReactReact