관련사이트 https://www.npmjs.com/package/@apollo/server#apolloserver @apollo/server Core engine for Apollo GraphQL server. Latest version: 4.10.0, last published: a month ago. Start using @apollo/server in your project by running `npm i @apollo/server`. There are 268 other projects in the npm registry using @apollo/server. www.npmjs.com 준비 해당 폴더에서 yarn init 다운로드 yarn add grahql yarn add @apollo/serve..

fontend와 backend연결 지난번 만들었던 휴대폰 인증번호 생성 API를 가지고 연결하는 것을 진행해보자 HTML body 휴대폰번호 : 인증하기 인증상태 회원가입하기 처리로직 만들기 휴대폰 번호를 Input 에 입력한다 인증하기 버튼을 클릭한다 javascript에서 입력된 번호를 api 호출 시 인자로 전달한다 api는 랜덤하게 생성한 인증번호를 서버단에 출력하고, 정상 처리시 htm문서에 인증상태 글자를 지우고 결과를 바뀌게 한다 html -> javascript -> api -> javascript > html api로 휴대폰번호를 전달시 고려사항 html에 입력된 휴대폰 번호를 어떻게 가져올 것 인지 api를 어떻게 호출할 것 인지 전달을 한 뒤 결과값을 어떻게 전달 받을 것 인지 API..

API-Docs 사용하는 이유 프론트엔드 사람들에게 어떤 기능이고 어떻게 사용하는 것 인지를 명시해줘야 된다 api만 만드는 것이 아닌 항상 docs를 같이 만들어야 한다 보통 API 위에다 정의하기도 하지만 그렇게 할 경우 소스코드가 너무 길어지기 때문에 별도의 파일이나 폴더를 생성하여 구분해 관리하기도 한다 별도의 파일로 관리 시 Import필요 라이브러리 swagger-ui-express npm i swagger-ui-express yarn add swagger-ui-express swagger-jsdoc yarn add swagger-jsdoc 기본 템플릿 /* @openapi / : get : descriptionb : Welcome to swagger-jsdoc responses : 200 :..

프로젝트를 하면서 든 생각 이 어노테이션을 내가 정말 이해하고 쓰고 있는게 맞는 걸까 ? 였다. 그래서 생각나는 어노테이션을 모두 한번 정리해보려고 한다. @Value 프로퍼티값을 주입하는 어노테이션 외부 설정 파일(properties 또는 yaml)에서 값을 가져와 Bean에주입한다 @Value 어노테이션을 필드나 메서드 파라미터에 적용하여 값을 주입받을 변수에 붙혀 사용한다 주의할 점은 프로퍼티 값에 대한 기본값 또는 예외 처리를 고려해야한다 @Inject, @Autowired Bean을 자동으로 주입 하기 위해 사용함 / 의존동 자동 주입 스프링 컨테이너가 해당 타입의 빈을 찾아 스프링 시작 시 자동으로 주입한다 해당 어노테이션을 필드,생성자,메서드에 적용하여 의존성 주입을 표시한다 @Inject,..

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ gayulz - Overview 개발자가 되고싶은 개발어린이💟. gayulz has 11 repositories available. Follow their code on GitHub. github.com Git을 정리하는데 너무 난장판이었다. 정말, 쓰레기를 버리지 못하는 강박증 걸린 사람처럼 폴더 안에 모든 test 1 ..2...3..4..무슨 잡동사니처럼 모든 파일들이 덕지덕지 local부터 장난이 아니었다. 이.. 일단.. 디렉터리부터 정리하자 repo별로 나누려고 해서 레포지토리라는 폴더를 별도로 만들었다. Git에 올리지 않을 폴더는 레포에 넣지 않았고 Git에 개별 repo를 만들 폴더만 레포지토리 폴더 안에 넣었다 음 ~ 프로젝..