코딩 입문 과정으로 3달간(3/10~6/17) 진행한 포트폴리오 웹사이트 만들기 프로젝트 수업 정리
 

[1주차]

IT 기초 중요 키워드 :: West_Cold (tistory.com)

 

IT 기초 중요 키워드

1주차 과제기술과제웹브라우저가 무엇인지?서버가 무엇인지?클라이언트가 무엇인지?IP, DNS, Domain, PORT가 무엇인지?네트워크가 무엇인지?공유기가 무엇인지?HTTPS가 무엇인지?DOM이란 무엇인가?브

eatitstory.tistory.com

 
 
 

[2주차]

파이썬-자료형 :: West_Cold (tistory.com)

 

파이썬-자료형

*자료형 자료형이란 프로그래밍을 할 때 쓰이는 숫자, 문자열 등과 같이 자료 형태로 사용하는 모든 것을 뜻한다. 프로그램의 기본이자 핵심 단위가 바로 자료형이다. 1.숫자형 *정수 *실수(4.27e10

eatitstory.tistory.com

파이썬-제어문 :: West_Cold (tistory.com)

 

파이썬-제어문

*제어문 프로그램을 만드는 것도 집 짓기와 매우 비슷한 면이 있다. 나무, 돌, 시멘트와 같은 재료는 자료형이 되고 집의 뼈대를 이루는 철근은 제어문에 해당한다. 조건문 다음에 콜론(:)을 잊지

eatitstory.tistory.com

파이썬-함수 :: West_Cold (tistory.com)

 

파이썬-함수

*함수 반복되는 코드를 사용할 때가 있는데. 이를 좀 더 효율적으로 만들기 위해 사용된다. def 함수_이름(매개변수): 수행할_문장 ... return 리턴값 *키워드 매개변수,kwargs >>> print_kwargs(a=1) {'a': 1} >>

eatitstory.tistory.com

http 메소드 및 requests 모듈 사용 :: West_Cold (tistory.com)

 

http 메소드 및 requests 모듈 사용

2주차 과제 - 파이썬 데이터형태 전부 파악하고 함수까지 끝내기-->다른 글에서 작성 https://eatitstory.tistory.com/3 https://eatitstory.tistory.com/4 https://eatitstory.tistory.com/5 파이썬-함수 *함수 반복되는 코드

eatitstory.tistory.com

 
 
 

[3주차]

호스팅, ssh란? :: West_Cold (tistory.com)

 

호스팅, ssh란?

3주차 과제기술과제 호스팅이 무엇인지 ? AWS 회원가입, EC2서비스 프리티어(1년공짜) 인스턴스 생성해보기 (OS아무거나, Ubuntu 추천) SSH가 무엇인지 ? SSH가지고 생성한 EC2서비스 연결까지 해보기 코

eatitstory.tistory.com

BeautifulSoup를 이용하여 크롤링하기(epl 순위) :: West_Cold (tistory.com)

 

BeautifulSoup를 이용하여 크롤링하기(epl 순위)

3주차 과제-기술과제 호스팅이 무엇인지 ? AWS 회원가입, EC2서비스 프리티어(1년공짜) 인스턴스 생성해보기 (OS아무거나, Ubuntu 추천) SSH가 무엇인지 ? SSH가지고 생성한 EC2서비스 연결까지 해보기 --

eatitstory.tistory.com

 
 
 

[4주차]

MYSQL (tistory.com)

 

MYSQL

*mysql 이 무엇인지? DB, 테이블, 컬럼 mysql을 알아보기 전 미리 알아야 하는 게 있다. *데이터베이스(DB):특정 기업이나 조직 또는 개인이 필요에 의해 논리적으로 연관된 데이터를 모아 일정한 형태

eatitstory.tistory.com

웹사이트 구성하는 방법(Node.js) (tistory.com)

 

웹사이트 구성하는 방법(Node.js)

웹사이트 구성하는 방법 *mpa-페이지가 여러개 -스마트폰 나오기 전에 많이 사용 -화면이 깜빡인 후에 로딩이 된다 /list /detail /write /edit 위와 관련된 html을 서버가 준비 해뒀다가 클라이언트가 요

eatitstory.tistory.com

 
 
 

[5주차]

openai(chat gpt) api 활용 (tistory.com)

 

openai(chat gpt) api 활용

4주차 기술과제 -API 토큰이 필요한 이유 코딩과제 -openai API 계정 생성 -파이썬에서 Openai 모듈 설치 -질문하고 답변 받아온거 print해서 테스트 해보기 -크롤링 한 데이터값을 GPT한테 주고 받은 답

eatitstory.tistory.com

 
 
 

[6주차]

Typing Game 만들어보기(비동기 실습) (tistory.com)

 

Typing Game 만들어보기(비동기 실습)

동기:순차적으로 작업을 수행 하여 소스를 1줄 보고 이해하고 또 다시 1줄 보고 이해하는 직렬적으로 일 처리를한다.단점:소스 하나 보고 실행하고를  반복하니 두개의 소스를 동시에 실행이 안

eatitstory.tistory.com

React 실습 (tistory.com)

 

React 실습

기술과제방화벽이 무엇인지 ?인바운드 / 아웃바운드MYSQL EC2에서 설치한거 연결 성공 하는걸 목표가지고 셋업 해보기SPA 프레임워크가 무엇이고 어떤것이 있는지 간단하게코딩과제SPA란 무엇인가

eatitstory.tistory.com

 
 
 

[7주차]

Next.js 실습 :: West_Cold (tistory.com)

 

Next.js 실습

# 기술과제 - SSR, CSR이란 무엇인가? - Next.js란 무엇인가? - Next.js 설치 후 사용해보기 - Next 가 버전이 두개가 있다 - /pages - /app - git이 무엇인지? - commit - add - push - pull - github에 Next.js 내코드 올릴 저

eatitstory.tistory.com

GIT이란? :: West_Cold (tistory.com)

 

GIT이란?

이번주 과제 https://eatitstory.tistory.com/m/20 next.js 실습# 기술과제 - SSR, CSR이란 무엇인가? - Next.js란 무엇인가? - Next.js 설치 후 사용해보기 - Next 가 버전이 두개가 있다 - /pages - /app - git이 무엇인지? -

eatitstory.tistory.com

 
 
 

[8주차]

백엔드 서버 구현해보기(flask 실습) :: West_Cold (tistory.com)

 

백엔드 서버 구현해보기(flask 실습)

기술과제• Python Falsk 가 무엇인지• Axios가 무엇인지 (Fetch함수는 무엇인지)코딩과제• 본인 포트폴리오 코드 Github에 올리기• Varcel에 본인 코드 배포하기 • 본인이 만든 파이썬코드 내용을 Fla

eatitstory.tistory.com

Front & Back 서버 연결(axios 실습) :: West_Cold (tistory.com)

 

Front & Back 서버 연결(axios 실습)

기술과제 • Python Falsk 가 무엇인지 • Axios가 무엇인지 (Fetch함수는 무엇인지) 코딩과제 • 본인 포트폴리오 코드 Github에 올리기 • Varcel에 본인 코드 배포하기 • 본인이 만든 파이썬코드 내용

eatitstory.tistory.com

 
 
 

[9주차]

나만의 챗봇 만들어 보기(Open AI 어시스턴스 실습) :: West_Cold (tistory.com)

 

나만의 챗봇 만들어 보기(Open AI 어시스턴스 실습)

과제Open AI 어시스턴스 만들기 어시스턴트와 관련 된 기본용어 찾아서 정리해보기, 어시스턴트id,스레드id 어시스턴트에 간단하게 이력서샘플 만들어서 업로드 어시스턴트 api로 바꾸

eatitstory.tistory.com

 
 
 

[10주차]

챗봇의 다양한 기능 추가(채팅갯수 제한/DB연결) :: West_Cold (tistory.com)

 

챗봇의 다양한 기능 추가(채팅갯수 제한/DB연결)

openai api를 활용하면 토큰이 소모가 되는데 이게 사용량이 많으면 돈이 많이 깨진다잘못하면 누가 마음 먹고 쓸모없는 채팅으로 내 토큰을 소모되게 할 수 있다이를 해결하기 위해 여러 방법을

eatitstory.tistory.com

로딩창 만들기 :: West_Cold (tistory.com)

 

로딩창 만들기

opeanai api에게 내 정보를 물어보면 답이 돌아오는데 시간이 조금 걸려 사용자가 지루할 수 있다.이를 해결하기 위해 로딩창을 만들어보기로 했다.  React Spinners (davidhu.io) React Spinners www.davidhu.io 

eatitstory.tistory.com

 
 
 

[11주차]

Nginx란 무엇인가? :: West_Cold (tistory.com)

 

Nginx란 무엇인가?

-프론트엔드 코드 Vercel에 배포하기WEST_COLD (portpolio-practice-7s55-bzv8v07tu-chan-seos-projects.vercel.app) -도메인 구매하기아래 영상 참고 카페24 쇼핑몰 도메인 구매부터 적용까지 (도메인 가격비교, 네임서

eatitstory.tistory.com

 
 
 

[12주차]

서브 도메인 설정 및 HTTPS 적용: AWS EC2와 Let's Encrypt 활용 :: West_Cold (tistory.com)

 

서브 도메인 설정 및 HTTPS 적용: AWS EC2와 Let's Encrypt 활용

1. 서브도메인 api. 도메인은 웹사이트를 식별해 주는 URL섹션 서브 도메인이란? 하위 도메인으로 웹사이트의 섹션을 구분하기 위해 도메인 이름에 추가되는 프리픽스  2. api.도메인

eatitstory.tistory.com

Python 코드를 Nginx 데몬으로 연동하여 실행하는 방법 :: West_Cold (tistory.com)

 

Python 코드를 Nginx 데몬으로 연동하여 실행하는 방법

배포를 완료했는데 계속해서 중간에 코드가 실행이 안되는 문제가 생겼다..이를 해결하기 위해 nginx 데몬을 내 파이썬 코드에 연동하여 실행하였다. 데몬(Daemon)데몬은 사용자가 직접 실행하거

eatitstory.tistory.com

 

+ Recent posts