2023.05.22 자바스크립트 수업 시작

오전

이번 팀은 3주동안 같은 팀이고, 자바스크립트 문법을 배우고있습니다.

현제 1주차를 듣고있는 중이고, 오늘 2주차까지 진도를 빼고 싶다.

 

 

 

오후

아직 1주차를 듣고있습니다.

저녁시간전에 1주차를 다 들었습니다.

 

 

 

저녁

1주차 숙제를 내고 2주차에 접어들었습니다.

그러다 오늘 특강이 있다고 하셔서 들었습니다.

 

아래는 제가 수업중 정리한 것입니다.

 

https://mbd-tnals634.tistory.com/category/JavaScript/1%EC%A3%BC%EC%B0%A8

'JavaScript/1주차' 카테고리의 글 목록

 

배우는데 c언어와 다른 부분도 있어, 수업이 도움이 많이 됐습니다.

 

그리고 오늘 들은 좋은 개발자가 되기 위한 특강을 정리한 텍스트파일입니다.

특강 좋은 개발자가 되기 위한 비밀.txt

0.00MB

 

 

 

9시 이후 자바스크립트 수업을 진행하지않고, 저번주에 마저 못한 _id를 가진 고유번호를 붙이는것을 시도해볼겁니다.

 

현재 dumps를 사용하는 중인데 정확한 사용법을 몰라 아래와 같이 이것저것 시도 중입니다.

# app.py 유저정보 get 란
#정보 출력
@app.route("/user", methods=["GET"])
def create_get():
    for i in list(db.u.find()).length :
       all_comments = dumps(db.u.find())    

    return jsonify({'result':all_comments,'msg':'get!'})

// 메인 페이지 버튼 출력 
//index.html 파일
function show_btn() {
    fetch('/user').then((res) => res.json()).then((data) => {
        let column = data['result']
        console.log(column);
        column.forEach((a) => {
            console.log(a);
        })
    })

}

위와 같이 작성하고 확인해보면 아래와 같은 오류가 나옵니다.

따라서 이건 아닌거 같아 수정해보았습니다.

#app.py 유저정보 get
#정보 출력
@app.route("/user", methods=["GET"])
def create_get():
    all_comments = dumps(list(db.u.find()))

    return jsonify({'result':all_comments,'msg':'get!'})

// 메인페이지 버튼 출력
//index.html 파일
function show_btn() {
    fetch('/user').then((res) => res.json()).then((data) => {
        let column = data['result']
         console.log(column);
    })
}

결과는 아래와 같이 나오나, 메인페이지파일에서 for문을 돌리면 다시 또 오류가 나고, 안돌리면 아래와 한명의 정보만 출력됩니다. 한글도 \ucd5c\uc218\ubbfc 이런식으로 깨져서 나옵니다.

 

console.log를 찍으니 아래와 같은 오류 페이지가 나왔습니다.

// 메인페이지 버튼 출력
//index.html 파일
console.log({{_id.$oid}});

 

그래서 아래와 같이 작성하였으나 역시나 또 undefined가 나왔습니다.

// 메인페이지 버튼 출력
//index.html 파일
console.log(column['_id:Object(id)']);

 

인터넷을 찾아보다 데이터를 받는 곳에서 JSON.parse(text) 를 써주면 한글이 안깨진다고 해서 사용했더니 한글이 잘 나왔습니다.

// 메인페이지 버튼 출력
//index.html 파일
console.log(JSON.parse(column));

하지만 아직 리스트를 여러개 가져오지 못할 뿐더러 값을 따로 빼려하면 또 오류가 생깁니다.

 

인터넷을 찾아보다 JSON.parse(text)를 사용해서 잘 나왔다고해서

아래와 같이 작성하니 이름이 잘 나왔습니다.

// 메인페이지 버튼 출력
//index.html 파일
let jsonColumn = JSON.parse(column);
console.log(jsonColumn[0]['name']);

하지만 아직 데이터는 여러개인데 하나만 가지고 오는 상황입니다.

forEach를 사용하면 에러가 나옵니다.