본문 바로가기

전체 글79

JSON을 주고 받는 AJAX 코드 구조 실습을 통해 이해해보자.웹 브라우저의 '즐겨찾기(북마크)' 서비스를 만들어보는 실습이다. 아래와 같은 순서로 실습하며 코드 구조를 뜯어보자. 1. 일단! 코드 작성2. 즐겨찾기 등록 기능 뜯어보기3. 즐겨찾기 목록 조회 기능 뜯어보기 북마크 기능이라 하면, 실제로는 더 복잡한 형태이겠지만,실습을 위해 다음과 같이 최소한의 기능만으로 구성해보자. - 즐겨찾기는 이름과 URL로 구성한다.- 즐겨찾기를 등로하는 기능이 있다.- 즐겨찾기 목록을 조회하는 기능이 있다.- 두 기능은 모두 AJAX 로 동작한다 = 즉, 새로고침 하지 않아도 내용이 바뀌어야한다! 이제 아래 단계를 밟으며 코드부터 작성해보자. 01. 즐겨찾기에 대한 JSON은 두가지 key 값을 가진다.{ "name": "구글", "url".. 2024. 8. 27.
비동기 상호작용이란? package com.example.demo;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RestController;@RestControllerpublic class NoParameterAjaxRestController { @RequestMapping ("/get-with-no-param") public String getWithNoParameter(){ return "파라미터가 없는 GET 요청"; }}서버와의 비동기 상호작용은 쉽게 말해 '웹 페이지를 새로 고침하지 않고 서버로 정보를 보내거나 서버의 정보를 가져오는 것'을 .. 2024. 8. 27.
HTTP 전송 데이터 형식, JSON vs XML 결론부터 얘기하자면, 백엔드 개발에서는 XML보다 JSON을 선택하는 것을 추천한다.  단순 데이터 전송 시에는 JSON 만으로도 충분한 경우가 많으며, 데이터의 크기도 작고 구문 분석 속도도 빨라서 유리하다. JSON 우리가 흔히 아는 http 전송 데이터 형식 중 하나인 json은, json은 JavaScript(자바스크립트에서) Object(객체를) Notation(표기하는 방법) 의 약자이다. 기본적인 형태는 다음과 같다.{ "name" : "김한빛", "age" : 30, "address" : "서울시 서대문구"} 데이터가 문자열일 경운에는 큰따옴표로 감싼다. 데이터 쌍의 왼쪽에는 문자열만 올 수 있다. Key 라고 부른다.  데이터 쌍의 오른쪽에는 문자열, 정수, 실수, 또 다.. 2024. 8. 27.
[백엔드 개발에 필요한 최소한의 js 지식] 자바스크립트에서의 함수 자바스크립트에서의 함수는 자바와 다른 형태를 보인다. 1. 함수를 상수/변수에 넣을 수 있다. - 이 부분은 js에서 ajax요청할 때 활용된다. 2. 함수를 매개변수로 넣을 수 있다.3. 함수가 반환 결과물(return) 이 될 수 있다.  1. 함수를 상수/변수에 넣을 수 있다. 아래 코드는 상수를 활용한 함수와 functiond을 활용한 함수를 비교한 것이다.//상수를 활용한 함수 작성const addTwoNumber = (one, two) => { return one + two;}//function을 활용한 함수 작성function addTwoNumber(one, two) { return one + two;}//형태가 다른 함수이지만, 호출하는 방식은 동일하다.let result = addTwoN.. 2024. 8. 27.
nodejs 1. 인증서비스 구현을 위해 필요한 지식 어떠한 사이트에 들어가서, 서비스를 이용하려면 로그인 같은 인증을 요하게 됩니다.이러한 인증이 필요한 이유는 무엇일까요?예전 강의에서 HTTP가 Stateless 라는 것을 배웠습니다.그 부분을 다시 한번 복습해보겠습니다.  Stateless 가 무엇인지 알기 위한 예시 첫 번째 요청에서 서버에 이미 사용자 123이라고 말해도, 그 후 서버에게 다시 물어보면 서버는 내가 누군지 모릅니다.왜 그럴까요 ? HTTP가 stateless하기 때문입니다. 상태 비저장 프로토콜은 서버가 여러 요청 기간 동안 각 사용자에 대한 정보나 상태를 유지할 필요가 없습니다. 각 요청에 대한 연결을 재설정하는데 소요되는 시간/대역폭을 최소화하기 위한 것입니다.  인증 및 인가 절차의 기.. 2024. 8. 23.
Mano의 컴퓨터 시스템 구조 문제 및 답 1. 이진수를 십진수로 바꾸어라.101110 -> 2+4+8+32 = 461110101 -> 1+4+16+32+64=21+32+64=53+64=117110110100 -> 4+16+32+128+256=52+128+256=180+256=436 2. 각 진법의 숫자를 십진수로 바꾸어라.(12121) 3 -> 1*1+ 2*3+ 1*9 + 2*27 +1*81(4310) 5 -> 0*1 + 1*5 + 3*25 + 4*125(50) 7 -> 0*1 + 5*7(198) 12 -> 8*1 + 9*12 + 1*144 3. 십진수를 이진수로 바꾸어라.1231 -> 100110011111231615 ..1307 ..1153 ..176 ..138 ..019 ..09 ..14 ..12 ..01 ..00 ..1 673-> 101.. 2024. 5. 27.

티스토리툴바