backend

React와 Node.js공부를 시작했는데 처음부터 에러와 마주쳐버렸다... 아래의 사진은 Codespaces 에서 실습 중 Thunder Client로 API요청을 보낸 상황이다. 사진과 같이 Post로 요청을 보냈을 때 401 Unauthorized 오류가 떴다. 해당 오류 Status code 401(Unauthorized) 오류는 리소스에 접근할 자격이 없다는 뜻이다. 그래요청이 deny당한 것이다. 구글링 결과 API Key를 잘못 적용했거나 권한이 없다고해서 권한도 줘봤지만 해결되지 않았다. 나느 군대에서 Codespaces와 Gitpod으로 코딩을 하고 있기 때문에 여기서 포트를 열면 Private or Public 으로 열리게된다. Default는 Private로 열리기 때문에 요청 갈수가..

0. 대표적인 어노테이션 이름 설명 @Controller 해당 클래스가 Controller임을 나타내기 위한 어노테이션 @RequestMapping 요청에 대해 어떤 Controller, 어떤 메소드가 처리할지를 맵핑하기 위한 어노테이션 @RequestParam Controller 메소드의 파라미터와 웹요청 파라미터와 맵핑하기 위한 어노테이션 @ModelAttribute Controller 메소드의 파라미터나 리턴값을 Model 객체와 바인딩하기 위한 어노테이션 @SessionAttributes Model 객체를 세션에 저장하고 사용하기 위한 어노테이션 @RequestPart Multipart 요청의 경우, 웹요청 파라미터와 맵핑가능한 어노테이션(egov 3.0, Spring 3.1.x부터 추가) @Co..

1. 개요 자바의 입력 함수 중 Scanner와 BufferedReader를 알게되었는데 Scanner에서는 그냥 사용하지만 BufferedReader를 사용할 때에는 항상 함수의 매개변수 옆에 throws IOException을 써줬다. Input Output에 관한 예외처리인 것 같았지만 확실히 알고싶어 함수를 뜯어보고 검색해서 찾아봤다. 1. BufferedReader import java.io.InputStreamReader; import java.util.Scanner; public class Study { public static void main(String[] args) throws IOException { BufferedReader br = new BufferedReader(new Inp..

App() 이 실행하게 되면 rendering 과정을 거치게 되면서 counter에 0을 넣고 rendering onClick() 함수가 연결 된 button을 클릭하게 되면 이전counter와 현재 counter의 참조 값을 비교해서 참조값이 다르면 rerendering. 2. State Function .state function을 사용하는 방법에는 2가지가 존재한다. 1. 값을 직접 전달하는 방법 setCounter(counter + 1) --> 2. 함수를 전달하는 방법 setCounter((current) => current + 1) --> 확실한 현재값을 전달해 줄 수 있음 공부한 내용을 바탕으로 이해한 것을 그대로 적은 공부일기장입니다! 틀리거나 잘못 이해한 부분이 있다면 지적해주시면 감사하..

//1 => 바꾸고싶은 데이터 counter 라는 데이터를 받아서 사용자들이 보게 될 컴포넌트인 return에 데이터를 담는다. //2 => 사용자들이 보게 될 부분에 변수를 연결해줌 //3 => counter값을 변경해 줄 함(setCounter)를 Button에 연결하여 호출함 //4 => counter의 새로운 값(counter + 1)을 가지고 해당 함수를 호출해 줌 React는 코드에서 업데이트되는 부분을 골라서 HTML에서 그 부분만 골라서 고쳐줌 > F12의 console에서 확인하게 되면 정확히 업데이트 되는 부분 > counter의 숫자만 1씩 올라감 //1 > React.useState(0); >> 컴포넌트에서 바뀌는 값을 관리하는 함수 1. Component란? - 리액트로 만들어진 ..