son-gyeonga.log

깃 git 명령어

Fri, 30 Dec 2022 03:00:18 GMT

수정한 부분 뭐야? git diff

q누르면 밖으로 나옴

새로운 버전을 만들거야 git add file3.txt 커밋해줘! git commit -m "version5"

히스토리를 알려줘 git log

컴퓨터에 만든걸 git허브에 올려 git push

https://seomal.org/?i=GITHUB 공부순서

개발한 사이트

Wed, 28 Dec 2022 14:19:06 GMT

http://192.168.45.226:5050 화성땅 공동구매

3주차

Sat, 24 Dec 2022 11:08:45 GMT

자바스크립트 대상선택

getElementBy~() 하나의 대상 선택 예) document.getElemnetByid("아이뒤") let elm = document.getElemnetByid("아이뒤") elm.innerHTML elm.style.fornSize =
getElementsBy~() 예) document.getElemnetsByClassName("아이뒤") document.getElemnetsByClassName("클래스네임")[0] document.getElemnetsByClassName("클래스네임")[0].innerHTML = "원하는 값"
querySelector() 예) document.querySelectorAll("") .innerHTML

이벤트 등록방법 1.inline 클릭했을때 onclick

addEventList

css연습

Tue, 22 Nov 2022 13:37:56 GMT

justify-content 가로선 상의 정렬

flex-start: 요소들을 컨테이너의 왼쪽으로 정렬합니다. flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다. center: 요소들을 컨테이너의 가운데로 정렬합니다. space-between: 요소들 사이에 동일한 간격을 둡니다. space-around: 요소들 주위에 동일한 간격을 둡니다.

*align-items 세로선상의 정렬 * flex-start: 요소들을 컨테이너의 꼭대기로 정렬합니다. flex-end: 요소들을 컨테이너의 바닥으로 정렬합니다. center: 요소들을 컨테이너의 세로선 상의 가운데로 정렬합니다. baseline: 요소들을 컨테이너의 시작 위치에 정렬합니다. stretch: 요소들을 컨테이너에 맞도록 늘립니다.

flex-direction 정렬 방향 지정

row: 요소들을 텍스트의 방향과 동일하게 정렬합니다. row-reverse: 요소들을 텍스트의 반대 방향으로 정렬합니다. column: 요소들을 위에서 아래로 정렬합니다. column-reverse: 요소들을 아래에서 위로 정렬합니다.

2주차

Wed, 09 Nov 2022 12:23:01 GMT

ico 입력 코드

https://seomal.com/map/1 수업내용

모르는 코드 생겼을때 https://beta.sayhello.so/

검색엔진에 내 사이트 등록 https://searchadvisor.naver.com

사이트맵 구성 https://www.xml-sitemaps.com/

seo 체크해주는 사이트 https://seositecheckup.com/

애널리틱스 https://analytics.google.com/analytics/web/#/a250072920p343467675/admin/streams/table/

CSS 정보 http://www.csszengarden.com/

css inline style, .class, !important,#id, tag로 css 적용

css는 박스모델이 중요하다! margin(바깥공간), border(테두리), pasdding(내용물)

https://www.w3schools.com/html/html_blocks.asp html테그

Block 부모-width결정 자식-height결정

https://www.figma.com/file/JqallxcU95juqqA7CthlS9/joogle?node-id=0%3A1&t=zncWO02NTFD5E5km-0 피그마

https://flexboxfroggy.com/#ko 플랙스박스 연습해보기 css코드게임

라이브방송 웹개발 5주-1주차

Wed, 09 Nov 2022 09:23:29 GMT

10101기계어는 binary 라고도 함 우리가 사용하는 언어를 기계어로 바꾸는것은 컴파일러 프로그래밍언어를 컴파일러로 기계어 변환, 눈에 보이는 화면(프론트엔드), 안보이는 정보처리(백엔드), 하드웨어와 밀접(임베디드), 백신개발, 취약점분석(보안), 마크업언어(html)css,JS 백앤드 대표 DB종류

```

은 입력창 사용할수 있음 주석을 쓸때에는 Ctrl+/ meta -속성지정

-!적으면 기본 틀이 나옴
-한국어일때 KO -head에는 안보이는 내용적음 charset - 글자를 읽는 방식 Document -title은 사이트 위의 제목 -body에는 보이는 내용
코드연습하는 사이트 www.codecademy.com

https://www.codecademy.com/learn/learn-html

생활코딩HTML https://opentutorials.org/course/2039

무료 탬플릿, 배포 사이트

Sat, 05 Nov 2022 14:15:38 GMT

https://www.free-css.com/free-css-templates 무료탬플릿 사이트

https://www.netlify.com/ 무료 배포사이트

github에 git 으로 프로젝트 올리기

Thu, 03 Nov 2022 02:37:15 GMT

git 다운 해주기 github에 프로젝트 만들기 git bash에 들어가서

git config --global user.name "영어이름"
git config --global user.email "이메일"
git config --list 로 이름과 메일이 잘 들어갔는지 확인!

코딩프로그램에 들어가서 터미널

git init
git add . (.은 모든 파일을 말함. 만약 html만 원하면 git add index.html)
git status(보여주기 용)
git commit -m "first commit" (첫번째 히스토리 이름)
git remote add origin https://github.com/son-gyeonga/shooting-game.git 깃허브에 올라온 …or create a new repository on the command line에 6번째줄 입력
git remote -v 로 잘 들어갔는지 확인!
git push origin master (보내기!)

수정한후

git add . (추가작업)
git status (수정된 작업을 알려줌)
git commit -m "second commit"
git push origin master

아이콘 사이트

Fri, 28 Oct 2022 02:52:29 GMT

https://icons8.com/icons

개발환경 구성하기

Tue, 25 Oct 2022 06:30:38 GMT

visual studio code 다운 code spell checker -오타찾아줌 live server -html 결과 보여줌 prettier- code formatter 정렬해줌 ES7+ React/Redux/React-Native snippets Auto Rename Tag Auto Close Tag -자동으로 닫힘테그 GitLens — Git supercharged - git작업시 편리

명령프롬프트 파일만들기 cd 원하는 위치 mkdir 파일이름 code . 치면 visual studio실행됨 index.html과 style.css 만든후 index에 틀이없을때 html 5를 치면 틀완성 head안에 link 치고 css 추가해주기

프로젝트 환경완성

자바 온라인 실습 환경

Sun, 07 Aug 2022 02:31:42 GMT

온라인 java online editor

다양한 언어 JDoodle https://www.jdoodle.com/

java의 기본 틀

public class MyClass {
    public static void main(String args[]) {
      System.out.println("");
    }
}

JDK 다운로드 페이지 접속하기 https://www.oracle.com/kr/java/technologies/javase-downloads.html

내가 만든 웹페이지

Sat, 06 Aug 2022 08:08:00 GMT

팬명록(도메인 등록) http://gyeongah.shop/

영화공유 http://54.180.121.211:4000/

버킷 http://54.180.121.211:5555/ 화성 http://54.180.121.211:5050/

git-bash로 리눅스 시작하기

Fri, 05 Aug 2022 01:07:09 GMT

aws 사이트 https://ap-northeast-2.console.aws.amazon.com/ec2/v2/home?region=ap-northeast-2#InstanceDetails:instanceId=i-0bbd783348ed80c88

git-bash 시작하기 ssh -i 인스턴스 키 끌어넣기 ubuntu@ aws 인스턴스 퍼블릭IPv4 주소 복사해서 오른쪽키 paste , yes, enter

리눅스 폴더 만들기 mkdir

확인하기 ls

폴더로 들어가기 cd sparta

폴더 나가기 cd ..

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

port forwarding

sudo iptables -t nat -A PREROUTING -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 5000

filzilla 올릴 파일 셋팅, 파이참으로 올릴파일 켜두기

사이트 관리자 뉴사이트 sftp 호스트에 퍼블릭 Ipv4 붙여넣기 포트 22번 로그온 유형 - 키파일 사용자 ubuntu 키파일은 pem file로 넣어주기 확인

test파일 끌어다 넣기

실행 git-bash ls cd sp 탭 python test.py

filzilla app.py, static, templates 끌어다 넣기

git-bash ls python app.py 안깔려있으면 pip install flask python app.py 파이몽고가 안깔려있으면 pip install pymongo pip install dnspython python app.py

aws 퍼블릭 아이피주소 주소창에 붙여넣기 안됨! aws 인스턴스에 들어가서 보안으로 들어감 보안그룹 클릭 edit inbound rules 규칙추가 포트범위 5000 사용자 anywhere-IPv4 규칙추가 포트범위 80 anywhere-IPv4

주소창에 퍼블릭 아이피주소 넣으면 연결됨

git-bash 재접속 화살표 윗키 누르면 자동완성

계속 돌리기 ls nohup python app.py &

끄는 방법 ps -ef | grep 'python app.py' | awk '{print $2}' | xargs kill

가비아 들어가기 구매한 도메인 DNS 설정 들어가기 호스트 @ ip주소 숫자 넣기(54.180.121.211) 퍼블릭 주소 확인 저장

2. 파이썬 오류

Thu, 04 Aug 2022 02:59:47 GMT

KeyError: 'bucket_give' 파이썬 app.py를 실행했을때 키에러를 만났음.

bucket_receive = request.form['bucket_give'] 이부분을 bucket_receive = request.form.get('bucket_give', False) 이렇게 수정하니 오류가 해결되었음.

이해가 잘되지 않는 함수 success: function (response) { let rows = response['buckets'] for(let i = 0; i< rows.length; i++){ let bucket = rows[i]['bucket'] let nem = rows[i]['num'] let done = rows[i]['done'] }

리눅스에서 영화추가는 했는데 화성은 추가가 안된다.

팬명록 mongodb와 연결, app.py와 index.html 연결하기

Wed, 03 Aug 2022 04:30:30 GMT

app.py

from flask import Flask, render_template, request, jsonify
app = Flask(__name__)

from pymongo import MongoClient
client = MongoClient('mongodb+srv://son-gyeong-ah:Rhddk114@cluster0.jduknc6.mongodb.net/cluster0?retryWrites=true&w=majority')
db = client.dbsparta

@app.route('/')
def home():
   return render_template('index.html')

@app.route("/homework", methods=["POST"])
def homework_post():
    name_receive = request.form["name_give"]
    comment_receive = request.form["comment_give"]

    doc = {
        'name':name_receive,
        'comment':comment_receive
    }
    db.homework.insert_one(doc)
    return jsonify({'msg':'응원 완료!'})

@app.route("/homework", methods=["GET"])
def homework_get():
    comment_list = list(db.homework.find({},{'_id':False}))
    return jsonify({'comments':comment_list})

if __name__ == '__main__':
   app.run('0.0.0.0', port=5000, debug=True)

index.html




    
    
    

    
    
    

    팬명록 만들기
   
    
    


    
        현재기온: 36도
         아이유(IU) 팬명록 
    
    
        
            
            닉네임
        
        
            
            응원댓글
        
        
    

    
    
        
            
                
                    새로운 앨범 너무 멋져요!
                    호빵맨
                
            
        
        
            
                
                    새로운 앨범 너무 멋져요!
                    호빵맨
                
            
        
        
            
                
                    새로운 앨범 너무 멋져요!
                    호빵맨

프로젝트 세팅

Wed, 03 Aug 2022 01:41:09 GMT

flask폴더 구조 만들기 static(경로), templates(경로)>index.html, app.py(파이썬) 설치

flask와 데이터 베이스 연결 flask, pymongo, dnspython

크롤링 requests, bs4

meta_prac 폴더 만들기 (파이썬) 크롤링 기본코드

import requests
from bs4 import BeautifulSoup

url = 'https://movie.naver.com/movie/bi/mi/basic.naver?code=191597'

headers = {'User-Agent' : 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36'}
data = requests.get(url,headers=headers)

soup = BeautifulSoup(data.text, 'html.parser')

# 여기에 코딩을 해서 meta tag를 먼저 가져와보겠습니다.

스파르타 피디아 app.py

from flask import Flask, render_template, request, jsonify
app = Flask(__name__)

@app.route('/')
def home():
   return render_template('index.html')

@app.route("/movie", methods=["POST"])
def movie_post():
    sample_receive = request.form['sample_give']
    print(sample_receive)
    return jsonify({'msg':'POST 연결 완료!'})

@app.route("/movie", methods=["GET"])
def movie_get():
    return jsonify({'msg':'GET 연결 완료!'})

if __name__ == '__main__':
   app.run('0.0.0.0', port=5000, debug=True)

스파르타피디아 index.html





    
    

    
    
    

    스파르타 피디아

    

    
    




    내 생애 최고의 영화들
    


    
        
        영화URL
    
    
        별점
        
    
    
        
        코멘트
    
    
        
        
    


    
        
            
                
                
                    영화 제목이 들어갑니다
                    여기에 영화에 대한 설명이 들어갑니다.
                    ⭐⭐⭐
                    나의 한줄 평을 씁니다
                
            
        
        
            
                
                
                    영화 제목이 들어갑니다
                    여기에 영화에 대한 설명이 들어갑니다.
                    ⭐⭐⭐
                    나의 한줄 평을 씁니다
                
            
        
        
            
                
                
                    영화 제목이 들어갑니다
                    여기에 영화에 대한 설명이 들어갑니다.
                    ⭐⭐⭐
                    나의 한줄 평을 씁니다
                
            
        
        
            
                
                
                    영화 제목이 들어갑니다
                    여기에 영화에 대한 설명이 들어갑니다.
                    ⭐⭐⭐
                    나의 한줄 평을 씁니다

화성땅 공동구매

Tue, 02 Aug 2022 03:16:20 GMT

화성땅 공동구매-app.py

from flask import Flask, render_template, request, jsonify
app = Flask(__name__)

@app.route('/')
def home():
   return render_template('index.html')

@app.route("/mars", methods=["POST"])
def web_mars_post():
    sample_receive = request.form['sample_give']
    print(sample_receive)
    return jsonify({'msg': 'POST 연결 완료!'})

@app.route("/mars", methods=["GET"])
def web_mars_get():
    return jsonify({'msg': 'GET 연결 완료!'})

if __name__ == '__main__':
   app.run('0.0.0.0', port=5000, debug=True)

화성땅 공동구매 index.html




    
    
    

    
    
    

    

    선착순 공동구매

    
    


    
    
        화성에 땅 사놓기!
        가격: 평 당 500원
        
            화성에 땅을 사둘 수 있다고?

            앞으로 백년 간 오지 않을 기회. 화성에서 즐기는 노후!
        
        
            
                이름
                
            
            
                주소
                
            
            
                평수
                
              
              
        
        
            
              
                이름
                주소
                평수
              
            
            
              
                홍길동
                서울시 용산구
                20평
              
              
                임꺽정
                부산시 동구
                10평
              
              
                세종대왕
                세종시 대왕구
                30평

이름	주소	평수
홍길동	서울시 용산구	20평
임꺽정	부산시 동구	10평
세종대왕	세종시 대왕구	30평

서버만들기

Tue, 02 Aug 2022 02:46:26 GMT

부가적인 폴더이름 prac>app.py -파이썬 경로,디렉터리 (static - css 이미지 등이 담김 templates- index.html파일이 담김)

파일, 설정, 파일명, 인터프리터,flask flas는 매번 깔아주기 데이터베이스에 접근할때는 pymongo 설치 dnspython 설치

flask시작 코드

from flask import Flask
app = Flask(__name__)

@app.route('/')
def home():
   return 'This is Home!'

if __name__ == '__main__':  
   app.run('0.0.0.0',port=5000,debug=True)

index.html 예제코드




    
    
    
    Document

Jquerey 임포트

GET요청 API코드

@app.route('/test', methods=['GET'])
def test_get():
   title_receive = request.args.get('title_give')
   print(title_receive)
   return jsonify({'result':'success', 'msg': '이 요청은 GET!'})

GEt요청 확인 Ajax코드

$.ajax({
    type: "GET",
    url: "/test?title_give=봄날은간다",
    data: {},
    success: function(response){
       console.log(response)
    }
  })

post 요청 API코드

@app.route('/test', methods=['POST'])
def test_post():
   title_receive = request.form['title_give']
   print(title_receive)
   return jsonify({'result':'success', 'msg': '이 요청은 POST!'})

POST 요청 확인 Ajax코드

$.ajax({
    type: "POST",
    url: "/test",
    data: { title_give:'봄날은간다' },
    success: function(response){
       console.log(response)
    }
  })

파이썬 원하는 내용 찾기

Mon, 01 Aug 2022 08:59:40 GMT

'가버나움'의 평점과 같은 평점의 영화 제목들을 가져오기

from pymongo import MongoClient client = MongoClient('mongodb+srv://son-gyeong-ah:Rhddk114@cluster0.jduknc6.mongodb.net/cluster0?retryWrites=true&w=majority') db = client.dbsparta

movie = db.movies.find_one({'title':'가버나움'}) star = movie['star']

all_movie = list(db.movies.find({'star':star},{'_id':False})) for m in all_movie: print(m['title'])

'가버나움' 영화의 평점을 0으로 만들기 from pymongo import MongoClient client = MongoClient('mongodb+srv://son-gyeong-ah:Rhddk114@cluster0.jduknc6.mongodb.net/cluster0?retryWrites=true&w=majority') db = client.dbsparta

db.movies.update_one({'title':'가버나움'},{'$set':{'star':'0'}})

파이썬 공유하기

Mon, 01 Aug 2022 08:13:29 GMT

몽고DB 회원가입 https://account.mongodb.com/account/register

pymongo기본 코드 from pymongo import MongoClient client = MongoClient('여기에 URL 입력') db = client.dbsparta

from pymongo import MongoClient client = MongoClient('mongodb+srv://son-gyeong-ah:Rhddk114@cluster0.jduknc6.mongodb.net/cluster0?retryWrites=true&w=majority') db = client.dbsparta

doc = { 'name' : 'bob', 'age':27 } doc = {'name': 'bobby','age':27} db.users.insert_one(doc) 작성한 내용이 몽고DB에 들어간다.

저장 - 예시

doc = {'name':'bobby','age':21} db.users.insert_one(doc)

한 개 찾기 - 예시

user = db.users.find_one({'name':'bobby'})

여러개 찾기 - 예시 ( _id 값은 제외하고 출력)

all_users = list(db.users.find({},{'_id':False}))

바꾸기 - 예시

db.users.update_one({'name':'bobby'},{'$set':{'age':19}})

지우기 - 예시

db.users.delete_one({'name':'bobby'})