📕 [ TIL ] : 2일차_2022.04.19.(화)

[ 20220419(화)_오늘의 TIL ]

[ 오늘 한 공부 범위 ]

• 웹 프로그래밍 A-Z 기초 KDT 실무형AI웹개발자 2회차 : 2주차 (2-8~) ~ 5주차(완강!)
  

[ 강의 외 알게된 것 ]

• GitHub) README.md 생성, 마크다운 및 캐시파일삭제 명령어

git rm -r --cached .
git add .
git commit - m 'messege'
git push {remote} {branch}  (git push origin main)

• GitHub) push 명령어, .gitignore 추가 형식
  Readme 파일을 수정할땐 ... 캐시 제거를 꼭 해주고 올리자.
• vscode에는 pycharm처럼 venv 폴더 생성하지 않고도 anaconda로 가상환경 설정 가능 (pip 설치 용이. venv 생성 방식도 존재함)

가상환경 만들 폴더에

python -m venv 가상환경이름

• flask 서버 런 브라우저에서 로컬호스트로 접속하기(맥용) : 포트 번호를 바꿔주면 된다!

flask run --port=5002 
#flask 포트 바꾸기
#localhost:5002 로도 크롬에서 접속가능 (애플보안문제)

• 발생했던 오류 : 여백 및 오타 오류부터 파일 경로 설정, aws 키체인 저장한 곳 바뀔 시 서버 초기 실행할때부터 경로 다시 설정해야함

서버 실행부터 계속실행까지

ssh -i 키체인경로/키이름.pem ubuntu@설정ip주소
cd app.py파일 있는 곳
nohup python app.py &

서버 끄기

ps -ef | grep 'app.py'
kill -9 포트

[ ✏️ 리마인드 : 서버 업데이트시 중요한것! ]

서버에 켜져있는 내 웹사이트 업데이트 할경우 순서 지키기

1. 서버를 끈다.
2. 원래있던 (app.py들어간 폴더)폴더 싹 지운다.
3. Filezila를 이용하여 새로운 파일을 폴더째 옮겨준다.
4. 서버를 킨다.

[ ✏️ 수업 리마인드 : 2주차 ]

/basic.naver?code=161967#
은행창구에 가서 ? 주민등록증의 = 주민번호 를 들고온격

bad(텍스트 빨간색 적용)라는 스타일을 새로 생기는 곳에 (class)적용시켜야 한다.

변수 선언은 한번만 .. (let temp_html 계속 선언해주면 아예 아무것도 안뜬다..!)

결국 Get으로 response를 url 에서 가져오는데 realtimecityair안 row에서 row안의 데이터 개수만큼 돌면서 구이름이랑 구미세먼지값을 조건에 따라 출력해주는 거임 (90을 넘으면 빨간글씨로)

i가 숫자인데 문자열로 넣었어서 ‘i’ 오류났었음

response 오타 오류

response 꼭 찍어보기 (console.log)

msg와 url 바꾸는게 핵심인 것이 있었음 - 이걸 이용해보면 에픽쿠키 뽑을 확률같은거 (게임아이템) 계산할 수도 있겠다.. 메이플 아이템이라던지 아니면 나와 어울리는 캐릭터는? 해서 이름 넣으면 랜덤으로 동숲 캐릭터 출력..! 오우

[ ⭐️ 2주차 완료 후기 ]

다른 API도 넣어보고 싶다! 예를들면 날씨 API에 나와있던 구름정도나 날씨에 따라 바뀌는 icon , city 와 관련된 다른 API 들을 많이 이용해서 웹사이트에 넣어보고싶다! (네이버 블로그 초창기에 많은 API를 내 블로그에서 볼 수 있었는데 다 이런식으로 이용한걸까?)

[ ✏️ 3주차 리마인드 ]

파이썬 스크래핑 연습할때 이부분이 막혔었는데 이렇게 불러오면 되는거였다니!
td:~(1) 이부분을 먼저 출력해보고(print(rank)) 가져와야 하는 값을 알아내서 딕셔너리형태로 가져와준다.

별점과 영화제목을 가져올땐 .text
rank 값을 가져올땐 [’alt’]

• DB의 두 가지 종류
  칸을 만들고 그 안을 채우는 것 (엑셀) : SQL - 이상한 데이터 들어올일없고 데이터 빨리 찾을 수 있음, 새로운 형식의 데이터 들어올때마다 난감!
  정해진 칸 없이 들어오는대로 쌓는 것 : Not only SQL (NoSQL) - 초기서비스에서 많이 채택, 모든 데이터 형식 받을 수 있으니

• DB ?
  DB = 프로그램 (데이터를 잘 '찾기' 위한 프로그램)
  클라우드 환경에서 제공하는 DB 이용 - 유저 몰리거나 DB백업, 모니터링 용이함 (요즘 트렌드임)

• 사용: mongoDB / 클라우드 컴퓨터 받음 , id pw는 acess 권한 설정해줌

• 사용 라이브러리 : pymongo, dnspython, BeautifulSoup,requests 라이브러리

#회원가입, 탈퇴할때 쓰일듯. 데이터에 같은 이름을 2개 만들고 delete를 실행해보면 하나만 지워지는 것으로 보아, 왜 id 중복이 안되는지 알 수 있음.

#오류 해결 : vscode로 DB에 입력권한이 없었는데 이는 pymongo 개인설정을 admin설정 하면 admin권한으로 게시 가능 (킹콩파워팀 회의시간에 얘기해봤다 다같이 고민해주셔서 넘 재밌었던..)

#새로운 시도 :

강사님 코드
target_movie = db.movies.find_one({'title':'가버나움'})
target_star = target_movie['star']

movies = list(db.movies.find({'star':target_star}))

for movie in movies:
    print(movie['title'])

나의코드 (한줄에 넣고 싶었다..)_ 다른 로직으로 짜는 과정이 완전 재밌고 성공하면 더재밌음 (주의할점은 0이 문자열이라는거.)

[✏️ 4-5주차 리마인드 ]

웹서비스 : 눈에 보이는거(HTML, CSS, Javascript): 1~2주차+눈에보이는걸 주는 서버(python:서버 만들수있는 프로그래밍언어)
4주차-5주차 : 둘 사이 연결

flask 설치 필요
백-프론트 주고받을때 Get, Post 요청방식 씀

팁!
프로젝트 구현 전에 프로젝트에 구현할 기능(조각기능) 먼저 따로 구현 해보는게 도움됨
ex-메타태그로 조각기능 구현하기

🌾 수확 및 질문

• 코드 비교해주는 사이트를 찾았다! (오류금방찾기위해)
• 네이버 블로그 초창기에 많은 API를 내 블로그에서 볼 수 있었는데 다 이런식으로 이용한걸까?
• 깃으로 효율적으로 협업하는 방법은?
• Git.io?
• Print 나 console.log 말고 더 효율적으로 코드 볼수있는방법? > 브레이크포인트 vscode에서 이용방법 찾아보기
• post로 버튼 클릭해서 데이터 보낼시 실수로 2번 누르면 2번 데이터가 가서 저장공간 차지하는데 이미 입력했다고 알림 띄우면서 입력 거부하면 좋을듯싶다.
• 서버끄고 다시 킬때 폴더 2개 추가해도 될려나? 해봐야겠다.

🌱 느낀점

• 오늘은 어제보다 조금 더 많은 양을 공부했다..! (무려2-8부터 5주차까지완강을...!) 적응이 되었는지 어제만큼은 힘들진 않았고 복습의 위대함을 느낀 하루였다.
  (놀 수 있을때 열심히 놀아야 한다는 것도 알게되었다)
  천천히 다시 내용을 살펴보면서 놓쳤던 로직도 다시 잡을 수 있게 되었고, 무엇보다 전에는 이해가 가지 않던 것들이 이해가 가기 시작했고 터미널 사용이 익숙해져갔다. (자주 쓰는건 손에 익는게 느껴져서 개발자분들이 흔히 말하는.. 코드를 외우지 않아도 된다는 말이 체감되었다 .. 이렇게 손에 익는구나 싶었다) 신기하게도 이전보다 코드가 눈에 잘 들어오기도 했다. (시간의 법칙?) 흠흠 아무튼! 한번 들었던 강좌라고 하더라도 꾸준히 리마인드하면서 다시 봐야겠다! 그리고 틀린 부분에서 또 틀릴 확률이 높으니 오류는 꼭 해결하고 넘어가야 한다는 것..! 그리고 매일 뭔가 배울수록 궁금한게 늘어가고 해결해보고 싶은 문제가 생기는게 즐겁다 :) 야홋 😃

🏡 '모여봐요 동물의숲' : 나만의 숲 자랑하기 사이트_바로가기

: 이 사이트는 닌텐도 게임인 '동물의 숲' 유저들이 이용하면 좋겠다 싶은 컨텐츠를 바탕으로 만들어보았다. 동물의 숲은 자신이 마을 이장님(?)이 되어서 그 마을을 가꾸는 자유도가 높은 게임인데 유저들은 자신의 마을을 아주 예쁘게 (정말 현실과 구분 안될 정도의 능력자들도 많다..!) 꾸민다. 그렇지만 이 마을은 찾아가기 어렵다.. (일일이 검색해야 하는 경우가 많기 때문) 그렇기에 동물의숲 유저로서 필요하다고 생각되어서(?) 만들어보았다!
추가하면 좋을 기능 : 크롤링을 이용한 숲 이미지 파일 가져오기, 검색기능, 이미지 카드 기능, 조금더 직관적인 메인화면 등

이와 관련한 자세한 코드는 나의_깃허브에 게시해 두었다 💩