스터디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. [Flutter] Future, async, await 삼총사 http 패키지의 get을 활용해 Api url로 부터 response를 받아오는 코드를 짜봤다. (13번 줄 주목) 이때 await를 썼는데, 실제로 url로부터 response를 받아오기 전까지, 다음 코드로 넘어가지 말라는 뜻이다. 하나의 일이 처리될 때 까지 다른 일의 처리가 지연되는 것을 '비동기적'이라고 한다. await 로 인해, getTodaysToons() 함수 자체가 비동기적 함수가 되었다. 따라서, async 을 붙여줘야 한다. (10번 줄 주목) 또한, 비동기적 함수의 반환값은 Future 이어야한다. Future에 대한 Geeksforgeeks의 설명은 다음과 같다. Future in Flutter refers to an object that represents a value th.. 2024. 1. 19. #4.4 Widget Lifecycle Stateful Widget에겐 싸이클이 있다. 이 싸이클은 initState -> build -> dispose 순으로 진행된다. Stateless Widget 이었던 MyLargeTitle을 Stateful Widget으로 바꾸어보자. Stateful Widget이 된 MyLargeTitle은 build 메서드 이외에 initState()도 가질 수 있다. (직접 추가해야함) State 초기화라.. 함수들 밖에서도 가능하지 않았냐? 그냥 맨 위에 int num = 1; 쓰면 초기화 되는 거 아니었냐? 맞다. 대부분의 상황에 initState()는 필요가 없다. 그렇지만, 종종 부모 요소에 의존하는 데이터를 초기화해야하는 경우가 있다. 즉, 가끔 context를 이용해서 데이터를 초기화해야될 때도 있을.. 2024. 1. 19. 이전 1 2 3 4 5 다음
