본문 바로가기

전체 글

 (177)
[TIL - 20221108] if, if else if, switch 오늘 학습 내용 단순 if 조건문과 if else if 조건문의 비교 switch 조건문과 if 조건문으로 변환 논리연산자를 사용한 짧은 조건문 ternary operator 오늘 느낀점 else if 조건문을 사용할 때, 종종 하는 실수가, 앞단계에서 이미 비교했던 조건을 중복해서 비교하는 것이다. 예를 들면, 이미 if 조건에서 score가 4.5인 것을 확인했는데, else if에서 다시 한번 4.5인지 검사하는 것과 같은 것. let score = Number(prompt('학점을 입력하세요','') if (score === 4.5) { alert('신') } else if (score >= 4.2 && score < 4.5) { alert('교수님의 사랑') } //else if 조건에서 중복을..
[TIL - 20221107] `백틱 안에서 array loop 처리하기` (feat. array 메소드) 토이프로젝트를 진행하면서 가장 어려웠던 부분은 JavaScript 내에서 html 테그를 생성할 때, 루프를 돌며 찍어주어야 하는 상황이었다. 우리는 네이버 여행 사이트에서 스크래핑을 통해 아래와 같이, 각 여행지별로 관광지/식당/쇼핑몰 등의 목록과 이미지를 array로 저장하여 db를 구축했다. 그리고 이후, 스크립트에서는 사용자가 검색한 키워드와 여행지별 키워드가 2개 이상 같을 때, 해당 여행지의 정보를 보여주는 html을 추가해주는 방식으로 코드를 짰다. let rows = response for (let i = 0; i < rows.length; i++) { let city_kor = rows[i]['city_kor'] let city_eng = rows[i]['city_eng'] let cou..
[TIL - 20221107] prompt() & confirm 오늘 학습 내용 알고리즘 : linear & binary search Javascript 문법 : 자바스크립트의 활용 & 기본 용어 & 자료와 변수(자료형, 상수&변수, 자료형 변환) prompt() : alert 창을 통해 사용자에게 문자열 입력값을 받아 저장 confirm() : alert 창을 통해 사용자에게 boolean 입력값을 받아 저장 오늘 느낀점 sorted array의 경우, binary search가 정말 효율적이고 빠르다! 기초라고 가볍게 넘어가려고 했는데, prompt와 confirm 함수와 같은 모르는 것들이 나와서 흥미로웠음
[WIL] JS 값을 저장하여 다른 페이지에서 불러오기 html 페이지 1에서 사용자가 input으로 입력한 값을 저장했다가 다음 html 페이지에서 불러오는 기능이 있다. window.sessionStorage와 window.localStorage이다. 두 개의 차이점은, sessionStorage는 페이지 세션이 종료되면, 저장된 데이터가 자동 삭제 되는 것이고, localStorage는 페이지 세션이 종료되어도 저장되어 있다는 점이다. 기본사용법은 아래와 같다. // Save data to sessionStorage sessionStorage.setItem("key", "value"); // Get saved data from sessionStorage let data = sessionStorage.getItem("key"); // Remove save..
[WIL] flask 라우팅으로 html 페이지 이동 app.py 파일에서 localhost:5000 페이지로 접속하면 templates 폴더에 저장된 'index.html' 페이지를 띄운다. @app.route('/') def home(): return render_template('index.html') 해당 페이지에는 다음 페이지로 넘어가는 tag를 가진 버튼이 있다. 검색 이렇게 a tag를 이용해 href를 추가하는 방법이 있고, 다른 방법으로는 html tag에 onclick ="함수명()"을 걸어주고, JS에서 "window.location.href='url'"을 이용하는 방법도 있다. 해당 버튼을 클릭하면, templates 폴더에 저장된 '2.html' 파일을 띄운다. 그러기 위해서는, app.py에 아래 라우팅을 위한 코드를 추가해둔다. ..
[1회독][5주차] AWS 서버를 사용하여 웹페이지 배포하기 학습 내용 이번에는 AWS 서버를 이용하여 내가 만든 팬명록 페이지를 인터넷 세상에 배포! + 도메인 구매 & filezilla로 파일 업로드 AWS 사이트에 접속하여 E2C 서버 구매 ubuntu 서버를 구매하고, 1년간 무료로 사용! 그리고 git bash를 열어 서버를 세팅! # python3 -> python sudo update-alternatives --install /usr/bin/python python /usr/bin/python3 10 # pip3 -> pip sudo apt-get update sudo apt-get install -y python3-pip sudo update-alternatives --install /usr/bin/pip pip /usr/bin/pip3 1 # po..
[1회독][4주차] flask로 서버 만들기 학습 내용 Flask와 mongoDB Atlas를 활용해 서버와 클라이언트 모두 만들기! GET, POST 방식 여러 방식(링크)이 존재하지만 우리는 가장 많이 쓰이는 GET, POST 방식에 대해 다룸 * GET → 통상적으로! 데이터 조회(Read)를 요청할 때 예) 영화 목록 조회 → 데이터 전달 : URL 뒤에 물음표를 붙여 key=value로 전달 → 예: google.com?q=북극곰 * POST → 통상적으로! 데이터 생성(Create), 변경(Update), 삭제(Delete) 요청 할 때 예) 회원가입, 회원탈퇴, 비밀번호 수정 → 데이터 전달 : 바로 보이지 않는 HTML body에 key:value 형태로 전달 학습 소감 화성땅 공동구매와 스파르타피아 두가지 프로젝트를 진행하고, 이후..
[1회독][3주차] 파이썬 & mongoDB 학습 내용 파이썬 기초 문법을 익히고, bs4 라이브러리를 이용해 데이터 스크래핑 후 mongoDB에 쌓아주기 DB의 두가지 종류 - SQL vs NoSQL(not only SQL) RDBMS(SQL) 엑셀과 같이 행열이 정해저 있는 형태의 DB. 정형화되어 있는 만큼, 데이터의 일관성이나 / 분석에 용이할 수 있음 ex) MS-SQL, My-SQL 등 No-SQL 딕셔너리 형태로 데이터를 저장해두는 DB입니다. 고로 데이터 하나 하나 마다 같은 값들을 가질 필요가 없음. 자유로운 형태의 데이터 적재에 유리한 대신, 일관성이 부족할 수 있음. ex) MongoDB bs4를 활용한 웹스크래핑 import requests from bs4 import BeautifulSoup # 타겟 URL을 읽어서 HTML..

티스토리툴바