Do it, it will be better

1. Invalid shorthand property initializer 해결 json 최초는 = 아니고 : 로 설정해줘야함. id : 1, 2. plugin must be a function or a promise 와...진짜 이거 해결하다 울 뻔했다. 얘 때문에 git 에러 오만가지 다 봤다. 덕분에 에러모음집이 풍성해질 것 같다. 오히려좋아 재밌군 가보자고 이 멘트들 외우고 가자 이 에러 만난 누군가를 위한 헌정.. 이걸 본 여러분은 저처럼 울지마세요... 원인이 여러가지일 수 있습니다. 제가 겪은건, fastify-autoload에 문제가 생겼다고 적힌 저 부분 입니다. fastify를 실행하려고 npm run dev를 하면, autoload 를 실행한다. auatoload는 방문 경로를 dir..

회 고 이번 글은 프로젝트 1의 회고로서, 코드스테이츠에서 권고하는 회고 방법인 사실-발견-배운점-다짐 의 내용을 최대한 모두 담으려했습니다. Github 주소 : https://github.com/cs-devops-bootcamp/devops-01-P1-TeamC 사실, 완성도 요약 : 💜💜💜💜🤍 완료 : 🎀 쇼핑몰 웹 어플리케이션 만들기 백엔드 구현 API 설계 ( 1일차 목표 ) 🎀 API 만들기 ( 2일차 목표 ) 비디오 api 🎀 장바구니 api 🎀 페이지네이션 api DB 만들고 연결하기 ( 3일차 목표 ) 🎀 검색 기능 구현 ( 3일차 목표 ) 🎀 발표자료 만들기/ 제출 ( 3일차 목표 ) 🎀 깃헙에 api.md 제출 ( 최종목표 ) 🎀 프론트엔드 구현( 2차 목표, 시간되면 ) 초기화면 만..

새 노트북을 사서 그간 잘 썼던 vscode를 다시 깔아야한다. 뭐 그냥 깔면되긴하지만 git과 함께 연동해야하니까 환경변수란것도 설정 해 줘야한다. 맥도 이걸 다 설정 해 줘야하나? 리눅스 계열은 특유의 디렉토리 구조 덕분에 환경변수 설정 없이도 전역 실행이 되는데, 비슷한 맥도 그런걸까? 문득 궁금.. 아무튼 윈도우는 다 해줘야하니까 시작! 1. 아래 링크에서 다운 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applic..

INDEX 1. postman 2. 설치 3. 리눅스버전 포스트맨 - curl 1. Postman A powerful GUI platform to make your API development faster & easier, from building API requests through testing, documentation and sharing. - 공홈발췌 웹 개발을 할 때 API를 다루는 것은 필수다. 개발한 API가 잘 서버에 도착했는지, 개발자가 원하는 형태로 갔는지, 프론트단에서 확인 해 주지 않고도 확인해야한다. 그럴때 사용하는 툴인데 일단 GUI고 사용이 쉽다. 사실 난 예뻐서 쓴다. 혼자 다 짜면 상관 없겠지만 졸업과제에서도 프론트단과 백단을 나누게 되니 현업에서는 더더욱 필요하지않을까?..

와...이거 블로그 관리도 장난아니다. 이거 하나하나가 포트폴리오가 될 수도 있다고 생각하니까 글 배치, 카테고리설정 이런거 하나하나가 굉장히 신경쓰인다. 어떤 기준으로 어떤 글들을 모을지 같은 것들이 내가 진짜 어ㅓㅓㅁ청난 인사가 아닌 일개 신입나부랭이라면 인사담당자는 나를 대단히 알아볼 노력을 하는 사람이 아닌게 당연하다. 나같은 감자 찌끄래기가 하루에도 수백명 보일 것 아닌가... 내가 어필을 하려면 어떻게해야 할 지, 어떻게 해야 내가 이런걸 잘 배웠습니다 라고 할 수 있을지 계속 고민된다. 프로젝트 부분에 있는 것들을 이력서용 노션으로 옮겨야하는지, 여기 가만 둬야하는지.. 하다 못해 티스토리 이걸 어떻게 저렇게 개인 홈페이지처럼 꾸며야하는지.. 유튭에 우아한 형제들 출신의 개발자님이 이력서 검..

INDEX 1. 클라이언트-서버 아키텍쳐 2. HTTP 통신 3. API 4. 브라우저 작동원리 5. URL & URI 6. IP 주소 & 포트 1. 클라이언트-서버 아키텍쳐 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 아키텍쳐. 위의 2단 아키텍쳐에 db를 따로 빼면 3-tier 아키텍쳐. 클라이언트는 리소스를 사용, 서버는 해당 리소스를 전달, db는 리소스를 저장하는 방식. 공통적으로 클라이언트가 인터넷을 통해서 서버에게 요청(Request) 하면 서버가 인터넷을 통해 클라이언트에게 응답(Response)한다. 이때, 인터넷을 통해 데이터를 주고받을 수 있도록 하는 규칙이 프로토콜. 프로토콜에는 몇 가지 종류가 있음 2. HTTP 통신 1번에서 서술한 인터넷을 통해 데이터를 주고받도록 하..

Template literals es6 이후 자바스크립트와 이전 스크립트의 차이는 언제나 중요한 질문 사항 중 하나. 템플릿 리터럴은 원래 자바스크립트에서 문자열을 나타낼 때 쓰던 ''(작은 따옴표)와 +(덧셈연산자) 대신 `(백틱)과 ${ } 표현식을 지원한다. `` 안에는 띄워쓰기, 줄바꿈, ${}를 이용한 변수 등 다양하게 넣을 수 있다. 기존의 ''보다 편해짐. es6 버전 function difference_es6(num1, num2) { // 두 단어의 길이 차이 string 출력 let result = Math.abs(num1 - num2); let str = `${num1}, ${num2}의 차이는 ${result}입니다.`; return str; } 기존 버전 function differ..

1. 표준 스트림 표준 스트림, 사실 리눅스에서 처음 배우는건 아니다. 프로그래밍 언어를 배우지 않고 바로 리눅스로 들어오는 경우는 잘 없으니까..?! c를 했다면 우린 이미 이걸 알고있다. 표준 입출력 이라는 이름으로 들어봤을 것이다. 그때 그 개념이랑 같다. 입력장치로부터 바이트 단위로 정보가 들어오면 프로그램이 처리해서 출력장치로 보내는 이 일련의 과정을 스트림이라고 표현할 뿐이다. 이게 프로그램 언어로 가면 표준 입출력이 되는거고, 유닉스 환경에서는 표준 스트림이다. + ) 이게 옛날에 어려웠던 이유는 각 디바이스 별로 설정이나 소통방식이 달랐던 것을 중간에서 조율해야하니 어려웠지만 그걸 os가 추상화 라는 개념을 도입해 디바이스를 파일로 관리하는 방식을 취해 쉬워졌다. 즉, 이것과 관련한 명령어..

1. 패키지 윈도우에서 말하는 .zip, .msi 프로그램을 다운받고 실행시키려면 필요한 잡다한 파일들이 많은데 그걸 하나하나 따로 받기는 힘드니, 한번에 받을 수 있게 묶어놓는은것. 1-1. 구성 프로그램 파일 프로그램 설치 파일 프로그램 설치 설명서 프로그램에 대한 정보를 담은 파일 패키지 안에는 하나의 프로그램이 정상적으로 설치되고 동작하기 위한 모든 파일이 압축 그중에는 프로그램에 대한 정보를 담은 파일이 있는데, 프로그램 A를 설치하기 위해 프로그램 B가 필요하다는 정보도 함께 담겨있다. == 디펜던시 패키지를 이용해 프로그램을 설치하면, 패키지에 포함된 정보를 이용해 프로그램 B를 먼저 설치하고 나서 프로그램 A를 설치합니다. 1-2. 종류 소스 패키지 바이너리 패키지 1) 소스패키지 소스 코..

전에 썼던 글 그대로 이사왔습니다. 혹시 타임라인이 안맞다면 그것 때문입니다. Reference -Remzi H. Arpaci-Dusseau, Andrea C. Arpaci-Dusseau, Operating Systems: Three Easy Pieces, http://pages.cs.wisc.edu/~remzi/OSTEP/ , chapter 04 Operating Systems: Three Easy Pieces Blog: Why Textbooks Should Be Free Quick: Free Book Chapters - Hardcover - Softcover (Lulu) - Softcover (Amazon) - Buy PDF - EU (Lulu) - Buy in India - Buy T-shirt -..