[WEB] 40

[Full-Stack] node.js, npm, express, babel 프로젝트에 적용하기 #01

node.js / express 등 백엔드 기능을 React 포트폴리오인 Devtube 프로젝트에 추가하여 풀스택 개발을 경험치를 쌓으려고 한다. 서버를 직접 개발해보고, GET과 POST를 실행해서 값을 받아오고 데이터를 업데이트하는 기능을 추가할 예정이다. 또한, 회원가입과 로그인, 소셜 로그인 그리고 기본적인 비디오 CRUD 기능, 프로필 업뎃도 추가 개발 예정이다. Plan Set Up - Node.js - NPM(uderstanding dependencies) - Babel - Nodemon Express - First Server - GET Request / Response - Middleware / External Middleware / Controller Routers - Make Rout..

[WEB] 2021.10.13

[Github] 깃허브 메인 프로필 소개글 README로 깔쌈하게 작성하는 법

최근 깃허브에 방문하면 메인 소개글을 README로 쌈박하게 해놓으신 분들을 많이 보았다. 처음 들어오면 소개글에 눈이 먼저 가게 되어 그 사람에 대해 읽는 것 부터 시작하게 되어 말그대로 자신에 대해 간략하게 알리기 좋다. 커스터마이즈로 꾸밀 수 있으니 자기가 원하는 내용으로 구성하고 마크업으로 디자인 할 수 있다. 1. 새로운 Repository 생성 - 깃허브의 오너 이름과 같도록 생성한다. - Public으로 설정한다. - Add a README(최초생성시 해야함. Initialize it with a README to get started) 2.꾸며보자! 생성하자마자 프로필을 만들어준다. 이제 마음껏 꾸며주기만 하면 된다! 수정을 누르면 아래처럼 예시도 친절하게 주석처리해서 만들어 준다. ###..

[WEB] 2021.10.12

[TIL] 05/29 : REST API(Youtube API), Postman(curl, payload)

토/ 개인공부: 프론트엔드 YoutubeAPI, Postman 등 Youtube Clone Project Redux/Saga 개념공부 개인프젝: 코코아기 - 메인화면 빼보기 & Research 일/ 회사업무: - 신분증 인증 API 요구사항 맞추기 - axios 리팩토링 완료 YoutubeAPI / REST API 사용 예시 - snippet: 한 가지 정보의 단위. - 개발툴에서 네트워크 툴에 와서 shift+누른 상태에서 리프레시하면 캐시무시하고 강제로 다시 받아옴. - 아래 처럼 크롬개발툴의 Network탭에서 API통신한 내용을 보여줌 - 어떤식으로 정보를 업뎃하고 삭제하고 등을 할 때는 REST API Postman - REST API 통신할 때 유용함 - REST API를 사용하는 클라이언트를..

[WEB] 2021.05.29

API 개념

다양한 기기에서 서버에 있는 데이터를 읽고 쓰기 위해서는 서버에서 제공하는 WebAPI를 통해서 처리할 수 있다. 네트워크에서 기기들간에 의사소통해나가는 규격사항을 HTTP라고함 이런 WEB API를 어떻게 만들 것인지 정의하는 것이 있다. 그게 바로 SOAP이라는 모든 네트워크의 요청과 반응을 HTML처럼 생긴 XML이라는 데이터 포맷에 저장해서 주고받았다면, -> 요즘은 REST가 보편적으로 많이 사용되어진다. REST에는 총 4가지로 구성되어져있다. POST : CREATE GET : READ PUT : UPDATE DELETE : DELETE 서버에 request하면 서버가 클라이언트에 response(ex. user data) (JSON) 클라이언트에 있는 데이터를 읽어오거나 업데이트할 수 있다..

[WEB] 2021.04.06

효과적인 프로그래밍 공부법

최근 부서가 바뀌며 iOS 개발 공부에 열을 올리고 있다. 수습기간이 짧기 때문에 가장 효과적인 방법으로 공부하는 데에 관심이 생겨 정리해보고자 한다. 개발은 기존과 같이 책으로 [개념 숙지 -> 예제 풀이 -> 심화 학습] 과정으로 공부하는 것이 아니다. 그렇다면 어떻게 공부해야 할까? 요약 1. 핵심을 빠르게 파악하고 기술의 사용법부터 습득하는게 효과적 = 동작하는 코드 먼저 만들고 초안에서 리팩토링을 하는 것이 중요 (어차피 이해한 것도 금방 잊어버림. 내용도 방대해서 모든 걸 기억하기도 어려움. 경험부터 쌓이는게 중요. 어려운 것은 백로그에 담고 과감히 넘어가는 것이 중요) 자동차 운전을 배울 때 자동차의 역사나 구체적인 내부 구동 방식보다는 운전법을 먼저 배운다. 운전법을 익힌 다음 운전이 익숙..

[WEB] 2020.10.21

GraphQL / GraphQL Query / 스키마 설계 / API 만들기

velog.io/@ckstn0777/GraphQL-%EC%86%8C%EA%B0%9C GraphQL 소개 GraphQL 은 REST보다 효율적이고 강력하며 유연한 대안을 제공하는 새로운 API 표준입니다.Facebook에서 개발하고 오픈소스 로 개발했으며 현재 전 세계의 대규모 기업 및 개인 커뮤니티에서 관리하고 velog.io GraphQL 소개 GraphQL Query 기초 GraphQL Query 심화 GraphQL 스키마 설계 [실습] GraphQL API 만들기 - 초기세팅 [실습] GraphQL API 만들기 - 타입간 연결 쿼리 { person(personID: 1) { id name eyeColor gender edited created birthYear homeworld{ name orbi..

[WEB] 2020.10.19

[jsp/servlet] DAT / DTO 데터베으스와 통신하기 위한 기능을 모듈화 하는 방법

DAO, DTO란? Data Access Object Data Transfer Object 웹서버=웹컨테이너는 굉장히 많은 기능을 하는데, 데이터베이스와 통신하는 기능을 따로 빼놓은 것 - DTO: 데이터베이스에 있는 데이터를 자바형태로 변환해줌(VO=DTO) - 브라우저, 웹서버, 데이터 베이스가 크게 있는데 이중에서 데이터베이스만 따로 모듈화해놓은 것 DAO - 서로 데이터를 관리할 때 자바형태로 데이터베이스에 있는 데이터를 변환해주는 것 DTO - BookServlet으로부터 BookDAO를 뽑아 내야함. 그리고 BookDAO는 데이터베이스와 통신할 때 DTO라는 객체를 통해서 변환해줘야 한다. - BookServlet에서 데이터베이스와 관련된 기능을 다 빼와서 새로운 객체를 만들어야하고. 데이터베..

[WEB] 2020.07.13