개발공부중

관련사이트 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..

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

express 사용법 // js 파일 상단에 Import를 먼저 해야함 import express from 'express' // 해당 js파일이 있는 경로로 터미널을 실행한다 yarn init // packag.json 파일이 생성됨 "type" : "module" // 패키지 파일에 해당 내용을 추가하고 저장한다 // yarn을 통해 express 설치 // json파일의 "dependencies" 내용에 설치한 Express 목록이 추가되어야 한다 dependencies란? 설치했던 파일 목록이고 개발 환경의 히스토리이다 만일 nodemoules 파일 삭제시 재설치를 해야하며 재 설치시 yarn install 만 입력하면 처리됨 [주의점] 모든 명령어는 package.json 파일이 있는 폴더에서 ..

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ gayulz - Overview 개발자가 되고싶은 개발어린이💟. gayulz has 11 repositories available. Follow their code on GitHub. github.com GitHub - gayulz/EMBAD_project: EMBAD , MY PROJECT EMBAD , MY PROJECT. Contribute to gayulz/EMBAD_project development by creating an account on GitHub. github.com 응급구조사에게 가장 핵심 서비스는 응급실찾기 이다 사용자에게 필요한 정보는 필요한 의료 서비스 정보 직관적으로 확인할 수 있는 위치 필요 의료 서비스를 받을..

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ gayulz - Overview 개발자가 되고싶은 개발어린이💟. gayulz has 11 repositories available. Follow their code on GitHub. github.com GitHub - gayulz/EMBAD_project: EMBAD , MY PROJECT EMBAD , MY PROJECT. Contribute to gayulz/EMBAD_project development by creating an account on GitHub. github.com 🙏 양해의 말씀 그동안 포스팅을 잠시 미뤘다. 마지막 프로젝트에 집중하고 싶었고, 이 프로젝트는 이력서에도 포트폴리오에도 첨삭되는 거라 옵시디언에 열심히 중..

#김영한 #스프링 #Spring #인프런 #인프런수업 본 포스팅은 김영한선생님의 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB접근 기술 강의를 기반으로 작성되었습니다. API 방식 이란 웹 애플리케이션에서 서버와 클라이언트 간의 통신을 위해 http프로토콜을 사용하여 데이터를 주고 받는 방식이다. 클라이언트가 특정 주소에 http요청을 보내면 서버가 이에 대한 응답을 데이터형식(JSON , XML)등으로 반환하는 구조로 되어있다 기존 정적컨텐츠와 MVC같은 경우 HTML로 렌더링하여 응답을 처리하는 것과 다르게 데이터를 반환하는 구조이다, 주로 서버간 통신에서 사용한다 RESTful 스프링의 API는 대부분 RESTful 원칙을 따른다 Representational State Transf..

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com 스프링프레임워크 시작 시 진행하는 단계 스프링 애플리케이션 콘텍스트 초기화 : ApplicationContext Bean 로드 클래스패스(ClassPath)에서 Bean정의를 찾아 로드한다 이 과정에서 XM파일의 어노테이션, JAVA설정 클래스 등에서 Bean정의를 읽어온다 Bean 인스턴스 생성 컨테이너는 Bean정의에 따라 인스턴스를 생성한다, 이 단계에서 DI수행함..

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com WebStoryge 브라우저에 데이터를 저장할 수 있는 기술이다 하위개념 공통점 : key-value로 로컬에 저장한다 sesstion storyge : 세션 단위로 구분되어 활용하며 브라우저가 갱신되거나 탭 종료시 영구 삭제된다 local storyge : 도메인 단위로 구분되어 활용, 브라우저나 Pc 종료를 하더라도 남아있다 데이터 존재 여부 확인 truty : fa..

❤ 김춘장이의 위키백과 - 나만의 공부 기록 Tistory ❤ GitHub - gayulz/StudyHistory: 나의 공부 기록 commit 나의 공부 기록 commit . Contribute to gayulz/StudyHistory development by creating an account on GitHub. github.com JS 데이터 타입 숫자/문자/Boolean, undefined , null undefined : 값이 미할당 일때 JS 엔진이 암묵적으로 초기해주는 값 조건문/반복문 if … else if … else for(초기값;조건;증감) {} 자바와 동일함 비교문 얕은비교 : == != , 값만 비교한다 깊은비교 : === !== , 자료형과 값을 같이 비교한다 문자열 “” , ..