공부/유용8 HTTP와 HTTPS HTTP와 HTTPS HTTP HTTPS Status Code Request Method HTTP HyperText Transfer Protocol의 약자로 HTML이나 JSON과 같은 다양한 데이터를 HTTP를 통해 교환할 수 있습니다. HTTP의 구조는 요청(Request)과 응답(Response)으로 구성되어 있으며, client가 server에 Request를 보내면, server에서 client로 요청에 대한 Response를 보내는 방식입니다. 예를들면, client가 특정 url을 접속하면 해당하는 url에 맞는 HTML 문서, 이미지, 스크립트 등을 전송하여 client가 이를 전송받게 됩니다. HTTPS HyperText Transfer Protocol Secure의 약자로 보안에 취약한.. 2021. 7. 15. M1 맥에서 NVM을 통한 node 설치 시 오류 설치가 원활히 되지않고 알수없는 오류가 반복해서 나올 때, node 14이하 버전 설치 시 arch -x86_64 zsh nvm install version 을 순서대로 입력하면 됩니다. 2021. 7. 6. 웹 화면 설계하기 순서 와이어프레임(Wireframe) HTML로 구조 잡기 ID 및 Class 목적에 맞게 사용하기 목업(Mock-Up) 와이어프레임(Wireframe) 웹 또는 앱을 개발할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임(Wireframe) 이라고 합니다. 선이나 도형으로 인터페이스를 시각화한 것으로 아주 단순하게 구조를 잡을 때 사용합니다. 와이어프레임의 가장 큰 목적은 화면의 영역을 구분하기 위함으로써, 각 영역에서 그 용도에 맞는 Tag를 사용할 수 있도록 함께 작성하는 것이 좋습니다. HTML로 구조 잡기 와이어프레임이 뼈대를 그리는 단계였다면, 이번 단계는 실제로 뼈대를 만드는 단계라 할 수 있습니다. 앞서 작성한 와이어프레임을 참고하여 큰 부분에서 작은 부분까지 차근차근 tag를 작성해 나갑.. 2021. 6. 30. Node.js Node.js node.js는 JavaScript 런타임으로, node.js를 이용하여 JavaScript가 브라우저가 아닌곳에서 실행될 수 있게 되었습니다. node.js의 등장 이후, JavaScript를 이용해서 웹 페이지 뿐만 아니라 서버와 같은 다른 프로그램을 만들 수 있게 되었습니다. 설치 링크 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org NPM(Node Package Manager) node.js의 패키지를 관리할 수 있는 프로그램입니다. npm을 사용하여 다양한 모듈을 설치하고, 사용할 수 있습니다.node.js를 설치하면 자동으로.. 2021. 6. 28. Linux 기본 명령어 Linux 기본 명령어 pwd: 현재 위치를 확인 mkdir: 새로운 폴더를 생성 ls: 폴더나 파일의 목록을 출력 nautilus (Ubuntu), open (macOS): 현재 폴더를 파일 탐색기로 연다 cd: 폴더에 진입 touch: 새로운 파일을 생성 cat: 파일의 내용을 터미널에 출력 rm: 폴더나 파일을 삭제 rm -rf : 옵션 r은 폴더를 지울 때 사용, 옵션 f는 질문을 받지 않고 지울 때 사용 mv: 폴더나 파일의 위치를 이동하거나, 이름을 변경 cp: 폴더나 파일을 복사 do: 관리자 권한을 이해할 수 있다. ls -l : 폴더나 파일의 포맷을 전부 표현, 하나의 파일 또는 하나의 폴더는 한 줄에 출력 drwxr-xr-x 에서 d는 폴더, -은 파일, ls -a : 숨어있는 폴더나 .. 2021. 6. 23. 정규표현식(RegExp) 정규표현식(RegExp) 정규식, Regular Expression 역할 문자 검색 문자 대체 문자 추출 테스트 사이트 https://regexr.com/ 정규식 생성 // 생성자 new RegExp("표현", "옵션"); new RegExp("[a-z]", "gi"); const regexp = new RegExp("the", "gi"); // 리터럴 /표현/플래그(옵션) /[a-z]/gi const regexp = /the/gi; 메소드 메소드 문법 설명 test 정규식.test(문자열) 일치 여부(Boolean) 반환 match 문자열.match(정규식) 일치하는 문자의 배열(Array) 반환 replace 문자열.replace(정규식, 대체문자) 일치하는 문자를 대체 const regexp = /.. 2021. 6. 16. Apollo GraphQL with Prisma GraphQL : 페이스북에서 만든 쿼리 언어로, API에 있는 데이터를 쉽고 정확하게 클라이언트에게 요청할 수 있는 기능을 제공한다. Setup npm install apollo-server graphql npm i prisma -D npm i @prisma-client -D Usage const {ApolloServer, gql} = require('apollo-server'); const typeDefs = gql\` // Schema definitions go here type Track { id: ID! title: String! } type Query { tracks : [Track] track(id: Int!) : Track } \`; const resolvers = { Query: { tr.. 2021. 6. 14. 유용한 VSCode extensions Auto Import Auto Rename Tag Bracket Pair Colorizer Material Theme Material Theme Icons Prettier 2021. 6. 12. 이전 1 다음
