2021/11 7

[엘리스 AI트랙] 엘리스 3기 첫 개인 프로젝트 후기 ⭐️

더 이상 미루면 영영 못 쓸거같기 때문에 호다닥 쓰는 첫 개인플젝 후기ㅎㅅㅎ 3기 첫 개인프로젝트 발표가 이번주 일요일에 끝났다 시간이 넘모 빠른것,,,! 이번엔 프론트엔드: 직업심리검사 서비스 / 백엔드: 도서관 대출 서비스로 진행됐다 신청은 선착순 마감! 나는 백엔드를 살짝 많이 놓은 상태여서...^^ 백엔드로 밀려나면 진짜 난 끝이다 싶어서 3시 땡 하자마자 신청했다(약간 수강신청 느낌이 나서 대학생 된 기분이였음 ்́ꇴ ்̀ ) 근데 나중에 알고보니 백엔드가 먼저 마감됐다고 한다 ㅎㅎ 의외였다 다들 프론트를 선호하지 않으셨던건가🤔 아모튼 이번 프로젝트를 진행하면서 내가 제일 기대했던게 1. 오피스아워 2. 코드리뷰 였는데 나는 활용을 잘 못했다... 이게 좀 아쉬운 부분🥲🥲 오피스아워에서 모르는 ..

elice/🐰🏁 2021.11.30

[엘리스 AI트랙] 07-04 Flask 기초 2

1. 데이터베이스 데이터를 저장하는 공간 관계형 데이터베이스(RDB)와 NoSQL(Not Only SQL)로 나뉘어져 있음 관계형 데이터베이스(RDB) 키(key)와 값(value)들의 간단한 관계를 테이블화 시킨 데이터베이스 DML을 사용해서 데이터 간 결합, 제약조건 등의 설정을 통해 데이터를 추출할 수 있음 테이블 간의 데이터 관계를 설정할 수 있음 각 컬럼마다 데이터의 형태가 동일, 정형화된 데이터를 가짐 SQL 질의어(쿼리)를 사용 클라이언트와 서버 사이에서 일어나는 일 2. Flask와DB 연동하기 순서 1) SQL import 하기 2) 데이터베이스 연결하기 con = sqlite3.connect("database.db") 3) 데이터를 불러올 수 있는 cursor 객체 만들기 cur = ..

elice/토끼성장일지 2021.11.11 (1)

[엘리스 AI트랙] 06-04 SQL 2

1. 데이터 그룹 짓기 - GROUP BY SELECT user_id, COUNT(*) FROM rental GROUP BY user_id; # 그룹의 기준 컬럼 보통 limit, order by, group by가 SQL문의 맨 끝에 옴 2. 데이터 그룹(GROUP BY절)에 조건 적용하기 - HAVING # rental 테이블에서 user_id가 같은 2개 이상의 데이터가 몇 개 있는지 검색 SELECT user_id, COUNT(*) # GROUP BY의 기준 컬럼 및 검색할 컬럼 FROM rental GROUP BY user_id # 그룹의 기준 컬럼 HAVING COUNT(user_id) > 1; # 조건 3. 여러 테이블의 정보를 한번에 조회하기 - JOIN 1) INNER JOIN문의 기본 ..

[엘리스 AI트랙] (구구절절 뱁새의) 엘리스 3기 7주차 후기 🤦‍♀️

엘리스 트랙에 탑승한지 벌써 두달이나 됐다니! 시간이 새삼 빠르다 사실상 이미 8주차 수업을 듣고 있는 중에 7주차 후기를 쓰는게 맞나 싶기도 하고...ㅎㅎ 아모튼 쓰는 7주차 후기 요즘 내 진도 상태는 - 백엔드 실강 놓쳐서 따라가는거 포기함 - 설상가상으로 프론트엔드 수업보다 흥미도 떨어져서 백엔드 온라인 수업마저 밀림 - 자료구조 + 알고리즘도 밀림 그냥 다 밀림 - 주차 테스트도 2번이나 안봄 - 배운내용 확인하기 응시 안한지 n주됐음 이거를 나름 오픈돼있는 공간에 써도 되나 싶긴한데...일단 솔직하게 쓰는게 목표니까 안지우고 그냥 쓰고 있습니다,,,😂🥲 사실 몇일 전부터 매일 피곤하고 컨디션도 안좋고 공부하기 너무 싫어서 손을 놔버린 점도 영향이 있는듯 하다 숨도 쉬기 귀찮은거 보면 이게 번아웃..

elice/🐰🏁 2021.11.10 (3)

[엘리스 AI트랙] 07-02-01 ~ 07-02-02 Flask 기초 1

1. Flask Framework란? 파이썬을 사용해서 웹 서버를 만들수 있게 도와주는 Web Framework 파이썬의 패키지 micro framework 기본적인 기능만 제공 Flask의 장점 나만의 서버를 쉽게 작성 가능 간단한 코드로 빠르게 실행 가능 원하는 기능을 유연하게 확장하기 편리함 2. Flask로 Web server 만들기 from flask import Flask app = Flask(__name__) @app.route("/") def home(): return "hello world!" if __name__ == "__main__": app.run() __name__은 파일이 다른 파일에서 실행됐는지, 아니면 직접 실행했는지 알게 해줌 app.route(url) 아래의 함수는 ur..

[엘리스 AI트랙] React Hook으로 상태관리 하기

1. useState 단순한 하나의 상태를 관리하기에 적합함 const [state, setState] = useState(initState | initFn) 리액트는 state가 바뀌면 state를 사용하는 컴포넌트를 리렌더함 useEffect와 함께, state에 반응하는 hook을 구축 패턴 상위 컴포넌트에서 state와 state 변경 함수를 정의 그 state나 변경 함수를 사용하는 컴포넌트까지 prop으로 내려줌 state가 변경되면 중간에 state를 넘기기만 하는 컴포넌트들도 모두 리렌더링됨 ➡️ 상태와 상태에 대한 변화가 단순하거나, 상대적으로 소규모 앱에서 사용하기에 적합 2. useRef 상태가 바뀌어도 리렌더링하지 않는 상태를 정의함 ➡️ 상태가 UI의 변경과 관계없을 때 사용 리..

[엘리스 AI트랙] 05-04 React UI

1. 리액트와 사용하기 좋은 Styling 도구 종류 1) CSS Module CSS 파일의 확장자를 .module.css 로 지정해서 사용 장점 단점 class, id 등에 random string을 달아주기 때문에 선택자가 겹치지 않음 스타일 충돌을 방지하고 코드를 격리하여 CSS 설계가 가능 스타일링을 일일히 직접 해야함 //App.jsx import styles from "./app.module.css" export default function App() { return ( Pink Hello world Normal Hello world ); } /* app.module.css */ h1 { font-size: 1.5rem; } .title { font-size: 2.5rem; color: pa..