전체 글 159

개인 프로젝트 04 : turtlestagram | 회원가입, 로그인 페이지 구현

vs studio 사용 - pip 업그레이드 python3 -m pip install --upgrade pip - flask 설치 python3 -m pip install flask - 플라스크 기본구조 app.py from flask import Flask, jsonify # flask 클래스를 가져온다. app = Flask(__name__) # 플라스크 객체를 생성한다. __name__은 현재 실행 중인 모듈 이름을 전달하는 것이다. @app.route('/') # 기본서버 127.0.0.1:5000 뒤에 붙는 주소를 적어준다. def hello_world(): # 위의 주소를 호출 시 보여 줄 것을 함수로 작성 return jsonify({'message': 'success'}) if __name..

04. 2주차 실습 : 이진논리회귀 / 다항논리회귀 / 전처리

이진논리회귀와 전처리 실습 from sklearn.preprocessing import StandardScaler 표준화 전처리에 필요한 싸이킷런의 StandardScaler 사용 # 전처리 : 사용하지 않는 데이터 지우고, 필요한 데이터만 추출하기 df = pd.read_csv('train_and_test2.csv', usecols=[ 'Age', # 나이 'Fare', # 승차 요금 'Sex', # 성별 'sibsp', # 타이타닉에 탑승한 형제자매, 배우자의 수 'Parch', # 타이타니게 탑승한 부모, 자식의 수 'Pclass', # 티켓 등급 (1, 2, 3등석) 'Embarked', # 탑승국 '2urvived' # 생존 여부 (0: 사망, 1: 생존) ]) 필요한 데이터만 뽑아내는것도 전처..

03. 논리 회귀 / sigmoid / softmax / crossentropy / 전처리 (정규화, 표준화)

논리 회귀 Logistic regression 출력값이 불연속적으로 이진 클래스(Binary class)로 나누어질때 이진 논리 회귀(Binary logistic regression)를 사용하여 해결할 수 있다. 출력값이 0과 1사이의 숫자로 나타낼 수 있게 된다. 이러한 S-커브를 함수로 표현해낸 것이 바로 Logistic function 이고, 딥러닝에서는 시그모이드 함수(Sigmoid function) 라고 부른다. x(입력)가 음수 방향으로 갈 수록 y(출력)가 0에 가까워지고, x(입력)가 양수 방향으로 갈 수록 y(출력)가 1에 가까워진다. 즉 시그모이드 함수를 통과하면 0 에서 1 사이 값이 나온다. 이진논리회귀의 가설 Binary logistic regression hypothesis 논리..

02. 1주차 실습 : kaggle / tensorflow & keras / cost function / optimizer / learning rate

딥러닝 구조 및 학습 딥러닝 구조와 학습에 필요한 요소 모델(네트워크)를 구성하는 레이어(layer) 입력 데이터와 그에 대한 목적(결과) 학습시에 사용할 피드백을 정의하는 손실 함수(loss function) 학습 진행 방식을 결정하는 옵티마이저(optimizer) kaggle Kaggle은 데이터 분석 및 머신러닝에 대한 학습 플랫폼이자, 경쟁할 수 있는 플랫폼입니다. 수많은 공개된 데이터셋과 각 데이터셋 별로 사람들이 분석한 결과들을 모아놓았다. 또한 기업, 기관 또는 특정 사용자가 데이터를 첨부해서 문제를 제출하면 사용자 누구나 문제에 대한 답을 제출할 수도 있습니다. Colab에서 Kaggle 데이터셋을 다운로드 받아 압축 풀기까지 - kaggle 에서 API 토큰을 발급받고, colab에서 아..

01. 머신러닝 / 회귀와 분류 / 손실 함수 / 데이터셋

알고리즘 계산을 실행하기 위한 단계적 절차를 의미하기도 한다. 즉, 문제 풀이에 필요한 계산절차 또는 처리과정의 순서를 뜻한다 머신 러닝 기계에 학습시킨다. 어려운 문제들을 컴퓨터가 풀게 할 수있지 않을까해서 생겼다고한다. 우리는 데이터를 보고 "어떤 함수에 비슷한 모양일 것이다"라고 가설을 세우고 그에 맞는 손실 함수를 정의해야한다. 우리가 하는 일은 여기서 끝이고 기계는 우리가 정의한 손실 함수를 보고 우리의 가설에 맞출 수 있도록 열심히 계산하는 일을 하게하는 것이다. ** 범주 : 인공지능>머신러닝>딥러닝 머신러닝의 학습방법 크게 세가지로 나뉜다. 지도학습(Supervised Learning) / 비지도학습(Unsupervised Learning) / 강화학습(Reinforcement Learni..

팀 프로젝트 02 : 인스타 클론 코딩 - 6일차 제출

5월3일부터 진행된 인스타그램 클론코딩 팀프로젝트 회고 1. 프로젝트 기획시 내가 맡았던 파트 - 마이페이지 게시물, 게시물 활동 프론트엔드 페이지 : 헤더, 프로필, 게시글 이미지, 푸터 유저 정보 기능 : 유저 데이터베이스를 가져와서 닉네임, 게시물 개수, 팔로워, 팔로우, 게시물 사진 데이터를 가져와서 출력, 마우스 호버기능(좋아요와 댓글 수 표시) 게시글 활동 : 마이페이지 게시글 클릭해서 모달 창 열고 본문내용 보이고 댓글 쓰기와 기록 가능 2. 구현한 기능 프론트엔드 페이지 : 헤더, 프로필, 게시글 이미지, 푸터 유저 정보 기능 : 유저 데이터베이스를 가져와서 닉네임, 게시물 개수, 팔로워, 팔로우, 게시물 사진 데이터를 가져와서 출력, 마우스 호버기능(좋아요와 댓글 수 표시) 3. 구현하지..

팀 프로젝트 02 : 인스타 클론 코딩 - 4일차

팀 프로젝트 - 인스타그램 클론 코딩 4일차 - 4일차 진행 결과 - 수행 작업 1. 기존 작업해놓았던 마이페이지 모달 창 기능이 github를 통해 팀원분들의 코드와 병합하고 실행하니 모달창이 열리지 않는 에러가 발생했다. 여러 방식들을 시도해봤는데 결론은 변수 선언 방식이 문제였던 것 같다. javascript 파일에 모달 창을 띄우기 위해서 let 으로 변수 선언을 했었는데 구글링하여 찾아본 결과 let은 재할당이 가능하지만 중복 선언이 안된다는 것이었다. 그래서 변수 선언 방식에 대해 찾아보고 정리했다. 변수 선언 방식 : let, var, const let : 중복 선언시에는 에러, 재할당은 가능 / 블럭레벨 스코프 const : 중복 선언과 재할당 모두 에러 / 반드시 초기값을 할당 해야한다...

개인 프로젝트 03 : 타임어택 미션 - 회원가입/로그인 페이지 만들기

[회원가입/로그인하여 게시판 API 연동하기] 타임어택 해설 기능1. 회원가입 - signup.html 파일 기본적인 body 구성 ID: PW: 회원가입 로그인 입력받을 아이디와 패스워드는 을 사용하여 입력 받고 사용을 위해 id='' 값 지정해준다. 중요한건 type을 아이디는 'text'로, 패스워드는 'password' 타입으로 한다. 은 클릭시 함수 실행을 위해 onclick='' 사용한다. - signup 함수 호출 function signup() { let username = $("#input_id").val() let password = $("#input_pw").val() $.ajax({ type: "POST", url: "/signup", data: { 'username_give': u..

팀 프로젝트 02 : 인스타 클론 코딩 3일차

팀 프로젝트 - 인스타그램 클론 코딩 3일차 - 현재까지 진행 결과 - 완료된 기능 레이아웃 완성 마우스 호버 기능 게시된 글 모달 창 기능 - 마우스 호버 기능 .css 파일 .hover_text { visibility: hidden; position: absolute; top: 40%; left: 35%; } .mypage_post:hover { filter: brightness(50%); opacity: 0.7; } .mypage_post:hover .hover_text { visibility: visible; } .hover_text 는 게시글에 마우스를 올리기만 했을때 나타날 이모티콘 text div 이다. 마우스 커서가 없을때는 보이지 않아야하므로 visibility: hidden 을 사용하여..

팀 프로젝트 02 : 인스타클론코딩 - 2일차

팀 프로젝트 - 인스타그램 클론 코딩 2일차 - 내 역할 분담 : 개인프로필 페이지 프론트엔드 뼈대 구성 - 2일차 작업 결과 - 진행하며 겪었던 트러블 justify-content: flex-start; 가 적용되지 않았음. => justify-content: flex-start; 가 적용되려면 부모 div 뿐 아니라 자신의 div의 넓이도 정해져야한다. - 작업 완료 개인페이지 헤더 작업 헤더의 로고와 홈 이모티콘 클릭시 메인페이지로 전환 이미지와 텍스트 배치 게시물 이미지 마우스 호버 작업 - 개인 페이지 남은 작업 데이터 가져오기 구현 (선 ERD 작업) 게시물 이미지 마우스 호버 텍스트 띄우기 게시글 누르면 모달창 띄우기 반응형 웹 적용 - 피드백 주석 좀 바로바로 달면서 진행하자 : 탭 띄워쓰..