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 :..

RestAPI실습 express 자체에선 JSON 데이터를 읽을 능력이 없다 읽게 해줄려면 .use()메서드를 이용한다 💡 주의점 윗쪽에서 부터 읽어오기 때문에 app.use는 최상단에 배치하는 게 좋다 import Javascript 파일간에 Import하는 방법은 여러가지가 있다 연결할때엔 상단에 import구문이 필요하며 자원을 주는 쪽에 파일엔 export 키워드가 앞단에 있어야 가져올 수 있다 전체적으로 불러올 수 있고, 부분만 가져올 수 있다 그리고 default 메서드로 지정하여 따로 자원을 명시하지 않고 import할 경우 해당 메서드가 자동으로 세팅되게 할 수 있다 기본 문법 import 자원이름 from './파일경로' // 요즘 방식 이며 가장 기본방식 import { 자원1, 자원2..

프로젝트를 하면서 든 생각 이 어노테이션을 내가 정말 이해하고 쓰고 있는게 맞는 걸까 ? 였다. 그래서 생각나는 어노테이션을 모두 한번 정리해보려고 한다. @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를 만들 폴더만 레포지토리 폴더 안에 넣었다 음 ~ 프로젝..

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ gayulz - Overview 개발자가 되고싶은 개발어린이💟. gayulz has 11 repositories available. Follow their code on GitHub. github.com 그동안 공부하면서 Git을 미리미리 잘 Commit 하고 준비를 잘했다고 생각했다. 피드백을 정리하면서 느낀 점 1. 내 Git은 개판이었다 2. 내 Tistory는 난장판이었고 밀려있다 3. 내 옵시디언은 연동을 안 하고 있었다 여기서 가장 큰 문제는 Git.. Git에 올리기만 했지 정리를 하지 않았다 말 그대로 사파리 그 자체였다. 정말 내 맥북에 있는 폴더 그 자체였다 관리되지 않고 public이 되어있었는데 정말 누군가 악심을 품고 ..