본문 바로가기

스파르타코딩클럽36

9.26~10.02 WIL 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안에 들어있는 값을 순차적으로 꺼.. 2022. 9. 26.
9.19~9.25 WIL JWT ▶ JWT개념 - JSON Web Token의 줄임말로 , JSON 객체를 사용해 정보를 안정성 있게 전달하는 웹표준 - 세션/쿠키와 함께 모바일, 웹의 인증을 책임지는 대표주자 - 세션/쿠키 방식과 유사하게 사용되는 토큰을 헤더에 실어서 보냄 - 토큰 만들때, Header, Payload, Verify Signature 3가지가 필요 - 장점은 세션/쿠키처럼 저장소가 필요없어서 간편, 확장성이 뛰어남 - 이미 발급된 토큰은 한번쓰면 유효기간동안은 가능하나 끝나면 다시 만들어야하고 유효기간동안 털릴수있음 - 토큰 만들때, 받는게 많기 때문에 세션/쿠키보다 길이가 김 https://tansfil.tistory.com/58?category=255594 쉽게 알아보는 서버 인증 1편(세션/쿠키 , JW.. 2022. 9. 25.
[항해 99기 9기] 2주차 JavaScript 과제 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까? 1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 JavsScript의 변수는 어떤 특정 타입과 연결되어 있지 않습니다. 그 뜻은 변수가 어떤값을 받는 그 형태로 변환 혹은 재할당이 가능합니다. 사진과 같이 처음에는 string이라는 변수에 'sparta'를 넣고 그 타입을 찍어보고, 그다음에는 새 변수가 아 닌 string 변수에 2를 대입하고, 찍고, 마지막으로 true를 넣고 찍어봤습니다. 그 결과는 새 변수를 넣을 필요 없이 바로바로 타입을 바꿔가면서 재 할당을 할 수 있는 것을 보실 수 있습니다. 2. JavaScript 형변환 다른 언어도 마찬가지겠지만, 형변환은 크게 두가지가 존재합니다. 먼저 문자.. 2022. 9. 23.
[Chapter 1] 5조 S.A(Starting Assignment) 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.. 2022. 9. 19.
제 3회 스파르톤 생존 일지 23 : 00 스파르톤 코딩 시작 스파르톤 시작을 알리면서 강의실로 들어가서 원하는 자리에 앉았다. 서로 자기소개 및 인사를 하고 조 이름을 "졸지않소"로 하면서 시작했다. 무료강의를 처음부터 다 들어보자라는 마인드로 HTML, CSS 부터 시작을 했다. 그리고 기본 로그인 페이지를 만들었다. 근데 이번에는 똑같이 안만들고 약간 다르게 한번 시도를 해보았다. 기본 주어진 값에서 배경색을 주고, 회원가입 버튼을 추가하고, ID, PW 안에 value값을 줘서 볼 수 있도록 하였다. 한번 했던걸 복습한다는 마인드로 해보니 나름 새로웠다. 24 : 00 일요일 새벽의 시작 HTML 부분을 완료하고 이번에는 CSS 부분을 한번 만져봤다. 기존에 주어진 방법에서 내가 원하는 방식대로 추가해서 바꾸었다. 이렇게 해.. 2022. 9. 18.
서버에 프로젝트를 올리기 위한 준비 * 혹시나 나중에 각 프로그램 설치 방법 및 연결 방법에 대한 게시물을 올리게 되면 연결해 두겠습니다. 저도 항해99에 들어와 배우면서 알아가는 과정이기에 이 부분들은 정확히 올려드리지 못하는 점 죄송합니다. * 이제 만들어놓은 프로젝트를 배포하기 위해서 필요한 설치와 준비를 하려고 합니다. 웹 서비스를 런칭하기 위해서 클라이언트의 요청에 항상 응답해줄 수 있는 서버에 프로젝트를 실행시켜주려고합니다. 사용하는 컴퓨터는 한대 인데 컴퓨터를 항상 켜고, 프로그램은 항상 실해오디어있어야하고, 공개 IP 주소로 나의 웹 서비스에 접근할 수 있도록 해야합니다. 따라서 저희가 이전에 AWS 가입을 했었는데 거기서 클라우드 서비스를 이용하여 항상 켜 놓을수 있는 컴퓨터 EC2 사용권을 구입해 서버로 사용할 예정입니다.. 2022. 9. 2.