개발일지용

온보딩 4주차 미니프로젝트 9조 ㅅㅇㅁ(스윗미 - 스터디 위드 미) 1. 프로젝트 개요 1) 주제 - 투두리스트와 스탑워치 등을 통한 공부 도움 사이트 2) 기능 구현 - 로그인 및 회원가입 - 명언 출력 - 스탑워치, 출석체크, 누적 공부시간 출력 - to do list 2. 담당 기능(코드가 길어져서 사진 생략) 1) 스탑워치 - setTimeout과 clearTimeout메소드를 이용하여 구성 - 시간변수를 설정하고 1000밀리초 콜백으로 시간 누적 방식 - 누적된 시간변수를 초분시간 단위로 변환(00:00 등은 padStart로 구현) 2) 누적 공부시간 - 스탑워치 중지 시, post방식으로 db에 타임워치의 누적시간을 전송 - 이후 db에 누적된 시간을 불러옴 2) 출석체크 - new Date..

Git+GIthub 1. Git 1-1. 개요 git에서 관리하는 영역은 크게 3가지가 있습니다. - 현재 작업중인 **Working Directory** - commit 할 파일의 예비 저장소, 혹은 추적 대상 파일의 공간인 **Staging Area** - 각 유저의 컴퓨터에서 관리되고 있는 **로컬 저장소** 여기서 우리가 직접 눈으로 확인할 수 있는 저장 공간은 Working Directory이며, 현재 프로젝트가 담긴 디렉토리라고 생각해도 무방합니다. 많은 사람이 혼란스러워 하는 부분은 바로 **로컬 저장소** 이죠. 내 컴퓨터에 분명이 있는 저장 공간이지만 실제로는 눈에 보이지 않기 때문입니다. 이 로컬 저장소는 우리가 Working Directory로 부터 commit 한 내용들이 스냅샷으로..

웹종합 5주차 1. AWS 1) 가입 - 루트계정으로 가입 - 1년간 EC2서버 무료 사용 가능 - IAM설정으로 보안 추가 2-1) 서버 개설 - 루트 사용자로접속, 보안 자격증명 이동 - 액세스 키 생성, 생성 후 액세스ID와 보안키를 기록 2-2) vscode 터미널 준비 - 아래 명령어들 터미널에 입력 mkdir deploy cp app.py deploy/application.py cp -r templates deploy/templates pip freeze > deploy/requirements.txt cd deploy - appication.py 세팅하기 app=Flask(_name_) 를 application = app = Flask(__name__)교체 app.run()으로 교체 - 이후 ..

웹종합 4주차 1. Flask 1-1. flask로 서버만들기 - 프로젝트 폴더 생성 - app.py 생성 - venv설정(python -m venv venv) - pip install flask - flask 실행코드 - 터미널에서 python을 실행시켜 서버 활성화 - localhost:5000로 접속가능 - 엔드포인트 생성 - templates 폴더 생성후 index.html 파일 생성 1-2. get방식과 post방식 - get 방식 : Read용, 일반적인 웹페이지 도메인 방식 - post방식 : CUD용, 처리 방식이 눈에 보이지 않음 1-3. api만들기 - flask 호출 함수에 request와 jsonify 명령어 추가 - /test의 엔드포인트에 get방식 요청, 프론트에서 title_..

웹종합 3주차 1. 파이썬 1-1. 설치 1) Window 환경에서 파이썬 설치 시 일어날 수 있는 오류 - 경로지정이 안되어 venv명령어가 안될 수 있음 - 윈도우 검색을 통해 시스템 환경 변수 편집 실행 - 이후 새로만들기를 통해 Python이 설치된 경로를 추가 1-2 . 복습 1-3. 파이썬 기초 문법 - tap이 문법에 포함 - print() : console.log() - let없이 변수 선언 가능 - 배열, 인덱스, 객체 동일 - 함수 차이 1-4. 파이썬 패키지 - pip install requests 로 설치 - import requests : fetch와 같은 역할 2. 크롤링하기 2-1. BeautifulSoup - requsts로요청, BeautifulSoup으로 솎아내기 - 크롤..

웹종합 2주차 1. 자바스크립트 복습 - 변수선언, 배열, 객체, 조건문, forEach 2. JQuery 1) 라이브러리 : 라이브러리는 일련의 코드 모음으로, 소프트웨어에서 특정 기능을 수행할 때 사용. 개발자가 원하는 특정 기능을 호출하여 사용할 수 있는 모듈 형태의 코드 모음 2) 자바스크립트의 복잡한 코드를 간소화 시켜줌 - $('#').text() : 텍스트 변경 - $('#').css() : css - $('#').empty() : 기존에 입력 되어있던 값들을 제거 - $('#').append() : 배열메소드.push()와 유사 append 예시 - 입력방법 3. API 1) Application Programming Interface : 다른 애플리케이션에서 사용할 수 있는 기능을 외부로..

웹종합 1주차 1. 웹 동작 방식 - 서버로 요청하면 클라이언트로 값을 받아온다 2. html, css 1) html:5 - 기본적인 html 구조를 생성 2) class - class 선언을 통해 css 스타일을 입혀줄 수 있다 - title 아래에 class 대상을 불러와서 지정 3) 자주 쓰는 명령어 - div를 통해 레이아웃 선정 - color : 글자에 색입히기 - font-size : 글자 크기 - background-color : 배경색 - width, height : 레이아웃 크기 조절 - margin, padding, margin-top, padding-top 등 : 바깥쪽/안쪽 여백주기 - border-radius : 모서리 트림 - text-algin : 텍스트 정렬 - backgro..

백준 1. 1929 소수 구하기 const input = require('fs').readFileSync("/dev/stdin").toString().trim().split(" ").map(Number); const M = input[0] const N = input[1] function isPrimeNumber(a){ if(a===1) return false; for(let i=2; i

1. node.js 설치 - 터미널 이용과 백준 답안로드 편의를 위해 설치 2. nodemon 설치 - 터미널 창에 npm install nodemon -g 입력으로 설치 - vscode터미널창에 자동으로 코드실행\ - 보안오류가 뜨는데 windows powershell의 설정 변경을 통해 해결가능(관리자 권한 실행) - get-help Set-ExecutionPolicy 입력 - Set-ExecutionPolicy RemoteSigned 입력 3. 깃배쉬 설치 - https://git-scm.com/download/win에서 다운 - Click here to download를 통해 편하게 설치가능 - 밑에 세부 다운로드 옵션을 이용하면 vscode에 적용하기위한 절차가 복잡해짐 - 설치후 git입력을 ..

to do list 기술 매니저님 리뷰 1. 들여쓰기, 네이밍 - 혼자서만 사용할 코드가 아니므로 줄정리를 통한 가시성 확보 필수 - 컨벤션 등을 통한 네이밍 통일, 네이밍의 직관력 중요 2. 코드 설계 방식 - 큰그림을 그리듯이, 목차 위주로 - 함수명과 로직구상이 중요 - 큰 설계가 끝난 이후 함수 상세내용은 언제든지 누가해도 상관 X 3. 모듈화 - 함수에 함수가 꼬리를 무는 방식은 의존적인 방식 - 개별 함수들을 만들어 놓은 후, 필요한 로직은 개별 함수들을 따로 조합해서 생성 * 위 방식으로 개선하여 웹종합 강의를 들은 후 구현 해볼 예정 작성 중인 to do list 코드 let todolist = [] function todoinput(){ const a = prompt('제목 입력') co..