얼음꽃의 일지

Map 매서드 ▶ Map 작동 방식 - map은 배열 내의 모든 요소 가각에 대하여 주어진 함수를 호풀한 결과를 모아 새로운 배열을 반환 let arr = [1,2] // 배열자체를 바로 들고옴 -> [1,2] console.log(arr) // arr1안에 들어있는 값을 순차적으로 꺼내옴 -> 1 줄바꿈 2 let m = arr.map(x => console.log(x)) // let n = arr1.map(x => console.log(x*2)) let arr2 = [[1,2],[3,4]] // 풀어서 설명하면 x의 index 값을 [1,2] [3,4] 를 가져와서 그걸 map을 또 시키면 각 원소의 값을 가져올 수 있음 // 여기서 i는 index를 의미 , arr3안에 들어있는 값을 순차적으로 꺼..

JWT ▶ JWT개념 - JSON Web Token의 줄임말로 , JSON 객체를 사용해 정보를 안정성 있게 전달하는 웹표준 - 세션/쿠키와 함께 모바일, 웹의 인증을 책임지는 대표주자 - 세션/쿠키 방식과 유사하게 사용되는 토큰을 헤더에 실어서 보냄 - 토큰 만들때, Header, Payload, Verify Signature 3가지가 필요 - 장점은 세션/쿠키처럼 저장소가 필요없어서 간편, 확장성이 뛰어남 - 이미 발급된 토큰은 한번쓰면 유효기간동안은 가능하나 끝나면 다시 만들어야하고 유효기간동안 털릴수있음 - 토큰 만들때, 받는게 많기 때문에 세션/쿠키보다 길이가 김 https://tansfil.tistory.com/58?category=255594 쉽게 알아보는 서버 인증 1편(세션/쿠키 , JW..

JavaScript의 자료형과 JavaScript만의 특성은 무엇일까? 1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 JavsScript의 변수는 어떤 특정 타입과 연결되어 있지 않습니다. 그 뜻은 변수가 어떤값을 받는 그 형태로 변환 혹은 재할당이 가능합니다. 사진과 같이 처음에는 string이라는 변수에 'sparta'를 넣고 그 타입을 찍어보고, 그다음에는 새 변수가 아 닌 string 변수에 2를 대입하고, 찍고, 마지막으로 true를 넣고 찍어봤습니다. 그 결과는 새 변수를 넣을 필요 없이 바로바로 타입을 바꿔가면서 재 할당을 할 수 있는 것을 보실 수 있습니다. 2. JavaScript 형변환 다른 언어도 마찬가지겠지만, 형변환은 크게 두가지가 존재합니다. 먼저 문자..

1. 프로젝트명 타임뮤직 (탐뮤) 2. 소개 그 시절 우리가 좋아했던 음악 음악은 언제나 우리와 함께였지..☆ 지구 뿅뿅 음악실 그 시절 우리가 좋아했던 노래 3. 와이어프레임 3 - 1) 메인페이지 3 - 2) 로그인 3 - 3) 회원가입 3 - 4) 댓글 4. DB Schema 5. API (개발해야 하는 기능들) 기능 Method URL Request Response 로그인 POST /api/login { 'id' : username_give, 'pw' : password_give } 로그인 성공 {'result' : 'success', 'token' : 'token'} 로그인 실패 {'result' : 'fail', 'msg' : '아이디/비밀번호가 일치하지 않습니다'} 회원가입 POST /api..

23 : 00 스파르톤 코딩 시작 스파르톤 시작을 알리면서 강의실로 들어가서 원하는 자리에 앉았다. 서로 자기소개 및 인사를 하고 조 이름을 "졸지않소"로 하면서 시작했다. 무료강의를 처음부터 다 들어보자라는 마인드로 HTML, CSS 부터 시작을 했다. 그리고 기본 로그인 페이지를 만들었다. 근데 이번에는 똑같이 안만들고 약간 다르게 한번 시도를 해보았다. 기본 주어진 값에서 배경색을 주고, 회원가입 버튼을 추가하고, ID, PW 안에 value값을 줘서 볼 수 있도록 하였다. 한번 했던걸 복습한다는 마인드로 해보니 나름 새로웠다. 24 : 00 일요일 새벽의 시작 HTML 부분을 완료하고 이번에는 CSS 부분을 한번 만져봤다. 기존에 주어진 방법에서 내가 원하는 방식대로 추가해서 바꾸었다. 이렇게 해..

* 혹시나 나중에 각 프로그램 설치 방법 및 연결 방법에 대한 게시물을 올리게 되면 연결해 두겠습니다. 저도 항해99에 들어와 배우면서 알아가는 과정이기에 이 부분들은 정확히 올려드리지 못하는 점 죄송합니다. * 이제 만들어놓은 프로젝트를 배포하기 위해서 필요한 설치와 준비를 하려고 합니다. 웹 서비스를 런칭하기 위해서 클라이언트의 요청에 항상 응답해줄 수 있는 서버에 프로젝트를 실행시켜주려고합니다. 사용하는 컴퓨터는 한대 인데 컴퓨터를 항상 켜고, 프로그램은 항상 실해오디어있어야하고, 공개 IP 주소로 나의 웹 서비스에 접근할 수 있도록 해야합니다. 따라서 저희가 이전에 AWS 가입을 했었는데 거기서 클라우드 서비스를 이용하여 항상 켜 놓을수 있는 컴퓨터 EC2 사용권을 구입해 서버로 사용할 예정입니다..

5주차 내용은 따로 크게 없습니다. 배운 내용들을 업로드 하여 서버에다가 올리는 방식을 배워 볼 예정입니다. 그 전에 4주차에서 했던 내용을 복습하고자 버킷리스트를 만들어 해볼 예정입니다. 먼저 POST부터 보도록 하게습니다. 현재 여기서 필요한 값은 기록할 곳, 기록하기 버튼(함수 save_bucket()) 임을 미리 알려드립니다. 그림과 같이 입력을 받으면 Ajax 코드에서 그 값을 받아와 API의 _give() 쪽으로 넘겨주게 됩니다. 그럼 API는 bucket_give로 하여 받아와 변수에 입력하게 됩니다. 이때, 저희가 확인해야하는 부분은 버킷리스트를 기록할때의 순서와 다해서 지울때 입니다. 순서는 DB에 있는 내용을 다 가져와서 거기 +1 씩 한 값을 변수로 잡으면 됩니다. 이유는, 리스트, ..

배운 내용을 가지고 만든 부분이기 때문에 따로 설명 없이 올려놓겠습니다. from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('자기 몽고 주소') db = client.dbsparta @app.route('/') def home(): return render_template('index.html') @app.route("/homework", methods=["POST"]) def homework_post(): nickname_receive = request.form['nickname_give'] comments_rece..