TIL 20230518

오늘 목표

소개위드미 코드 점검 및 수정

소개위드미 코드 한 줄씩 해석해 보기

TIL 리뷰

TIL 작성

프로그래머스 코딩테스트 입문 : 최빈값 구하기

모던자바스크립트 읽기

오늘 한 것

프로그래머스 코딩테스트 입문 : 최빈값 구하기 (아주 조금만 이해)

TIL 리뷰

TIL 작성

소개위드미 코드 점검 및 수정

소개위드미 코드 한 줄씩 해석해 보기

모던자바스크립트 읽기

1.  @app.route('/')의 의미

알게된 것 

/ : localhost:5000 (생략된 것임)

route : 이동

- 튜터님이 알려 주심

# localhost:5000을 입력하면 index.html 이 나오게 해라
@app.route('/')
def home():
    return render_template('index.html')

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

 

 

2. jsonify

알게된 것 

사용자가 json data 를 내보내도록 제공하는 flask 함수

    return jsonify({'msg': '방명록 저장 완료!'})
# jsonify : 사용자가 json data를 내보내도록 제공하는 flask의 함수.

 

3. if __name__ == “__main__”

알게된 것 

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

__name__은 내장 변수,

내장변수 : 프로그램 안에 내장되어 있는 변수, 읽기 전용

 

참고자료 : 바로가기

 

4. debug = True

알게된 것 

디버깅 모드 실행

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

 

5. $(document).ready()

알게된 것 

문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미입니다.

 $(document).ready(function () {
            show_comment();
        });
// 페이지를 열면 show_comment() 함수가 실행됩니다. 방명록 리스트가 나옵니다.

 

6. formData

알게된 것 

let formData = new FormData(); //비어 있는 객체 생성
formData.append("nickname_give", nickname);
formData.append("comment_give", comment);

원래는 보통 데이터를 전송할 때는 json 형식으로 서버에 전달을 해줍니다. 
하지만 파일이나 이미지를 전송해야할 때는 formData를 이용할 수 잇습니다. 
결국은 전송 포맷이 json형식이 아닌   <form> 의 형식입니다. 

key : nickname_give

value : nickname

formData.append 를 이용할 때 value는 반드시 문자열만 된다. 아니면 문자열로 자동 형변환 된다. 

fetch : formData를 전송할 때 사용한다.

 

7. git clone

cd 원하는 위치

git clone 내 레포지토리 주소

> 원하는 위치에 git에 있는 파일들이 다운된다.

 

8. ttys

터미널을 열었다는 뜻. 새로 열 때 마다 숫자가 1개씩 증가한다.

참고 자료 : https://code-story.tistory.com/m/1

 

9. 변수 호이스팅 (variable hoisting)

자바스크립트 엔진은 변수 선언이 소스코드에 어디에 있든 상관 없이 다른 코드보다 먼저 실행한다.

따라서 변수의 값이 없는 경우 에러가 나지 않고 undefined를 반환한다.

 

10. 가비지 콜렉터 (garbage collector)

애플리케이션이 할당한 메모리 공간을 주기적으로 검사하여 더 이상 사용되지 않는 메모리를 해제하는 기능

더이상 사용되지 않는 메모리 : 어떤 식별자도 참조하지 않는 메모리 공간

 

자바스크립트 : 가비지 콜렉터를 내장하고 있는 매니지드 언어

> 가비지콜렉터를 이용해 메모리 누수를 방지

 

---

정리 

/ : localhost:5000 (생략된 것임)

route : 이동

 

jsonify : 사용자가 json data 를 내보내도록 제공하는 flask 함수

 

__name__은 내장 변수,

내장변수 : 프로그램 안에 내장되어 있는 변수, 읽기 전용

 

debug = True 디버깅 모드 실행

 

$(document).ready()

문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미

 

원래는 보통 데이터를 전송할 때는 json 형식으로 서버에 전달을 해줍니다. 
하지만 파일이나 이미지를 전송해야할 때는 formData를 이용할 수 잇습니다. 
결국은 전송 포맷이 json형식이 아닌   <form> 의 형식입니다. 

key : nickname_give

value : nickname

formData.append 를 이용할 때 value는 반드시 문자열만 된다. 아니면 문자열로 자동 형변환 된다.

 

git 다운로드

cd 원하는 위치

git clone 내 레포지토리 주소

> 원하는 위치에 git에 있는 파일들이 다운된다.

 

ttys 터미널을 열었다는 뜻. 새로 열 때 마다 숫자가 1개씩 증가한다.

 

변수 호이스팅

자바스크립트 엔진은 변수 선언이 소스코드에 어디에 있든 상관 없이 다른 코드보다 먼저 실행한다.

따라서 변수의 값이 없는 경우 에러가 나지 않고 undefined를 반환한다.

 

가비지 콜렉터

애플리케이션이 할당한 메모리 공간을 주기적으로 검사하여 더 이상 사용되지 않는 메모리를 해제하는 기능

더이상 사용되지 않는 메모리 : 어떤 식별자도 참조하지 않는 메모리 공간

 

자바스크립트 : 가비지 콜렉터를 내장하고 있는 매니지드 언어

> 가비지콜렉터를 이용해 메모리 누수를 방지

---

 

소감

드디어 프로젝트 완성 단계이다. 여유가 많이 생겨서 모던 자바스크립트 딥다이브를 보거나 못 푼 코테 문제를 잡고 몇 시간을 할애할 수 있다. 너무 즐겁다.