반응형

분류 전체보기 46

Ts 공부하기) TypeScript설치

가장 먼저 알아두어야할건, 타입스크립트를 하기전에 자바스크립트를 알아야한다는것이다. 설치하기 1. npm 설치 2. node.js 설치 두 가지모두 어렵지 않다. npm 설치후엔 npm -v 를 터미널에 작성하면 버전이 뜬다. 잘 설치된것이다. 노드역시 사이트에 들어가서 다운받는다. 참고로 나는 18.xx버전이다 typescriptlang.org로 간후 download를 누르면 타입스크립트를 이용할 수 있는 여러가지 방안들이 나온다. 위의 이미지처럼 npm install을 하면 되는데 그건 프로젝트마다 설치가 되는 경우이니, 글로벌 설치를 하는것이 좋다. Globally Installing TypeScript tsc라는것을 사용하는데, 우리 컴퓨터 전체 터미널 어디서든 사용할 수 있다. npm insta..

Node.js 공부하기) nodemon 사용하기

실행 명령어를 package.json에서 어떻게 설정해야하는지 자꾸 잊어서 블로그에 작성한다.. Nodemon은 node.js사용시 서버 재실행을 빈번하게 하지 않아도 되는 편리한 모듈이다. module의 설치는 간단하다 npm install nodemon -g 위의 명령어를 작성해주면 되고, 당연히 노드는깔려있어야한다. 실행명령어는 npm dev run 이다. package.json으로 가면 "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, 이렇게 되어있는 부분을 "scripts": { "start": "nodemon index.js" }, 이렇게 바꿔주면 된다. npm start만 해주면 끝 당연히 index.js파일이 있어야..

청년취업사관학교 SeSAC

SeSAC에서 교육받기 이 블로그의 첫 글 또한 새싹에 관한 글이었는데 어느덧 5개월이 흘렀다. 그동안 달라진게 무엇이 있었나 곰곰히 생각해보았다. 내가 달라진 것 우선 개발을 배워서 어느새 간단한 서버정도는 만들게 되었다는것. 새싹에서 공부하는것중에 가장 좋았던 점은 동료들이랑 함께하며 개발 공부를 한다는 것이다. 초반에 나는 부끄럽지만 열정이 전혀없었다. html css조차 무슨말인지 몰라 못따라갔다. 하지만 같이 공부하는 동료들과 배워가고 서로 묻고 찾아보며 많은 성장을 했다. 처음 배울때엔 수업이 없으면 전혀 새로운 언어를 못배울것만 같았는데, 이제는 혼자서 이것저것 찾아보며 공부를한다. 최근엔 node.js와 함께 써보고싶어서 nest.js를 공부중이다. 새싹에서 제공하는 것들 개발을 배우는데에..

카테고리 없음 2022.11.23

팀 프로젝트 회고록(10/17 ~ 11/2)

프로젝트 방향 (기획의도) - 과일을 사먹기 힘든 1인 가구들이 좀 더 쉽게 과일을 살 수 있게 해주는 공동구매 플랫폼. - 깃 마일스톤과 Slack을 이용해서 의사소통을 하기로 했다. - Notion을 이용하여 기획의도를 정리하였다. - ERD cloud를 이용하여 DB구조를 짰다. - API 명세서 작성. - 서버개발은 Postman을 사용하여 구현을 확인했다. 사용한 기술 Node.js + express.js React + Sass Javascript + HTML MongoDB 나는 백엔드를 맡았다. 그리고 contextAPI를 만드는데 도움을 주었다. 주요기능 - 회원가입 CRUD, 게시판 CRUD, 댓글구현 으로 유저간의 의사소통이 가능하게 구현. : 이번엔 회원가입과 게시판 작성시 multer..

카테고리 없음 2022.11.07

Trouble Shooting) 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.

'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 라는 오류가떴다. 내 랩탑에서 리액트를 돌린적이 없어서 몰랐다. 처음엔 npm install을 안해서 그런건줄.. 구글링하니까 아래와같이 해보라고했는데 안됐다. npm update npm start npm install -g react-script npm ERR! gyp verb extracted file from tarball node-v18.8.0/include/node/openssl/ecdsa.h 그리고 위와같은 에러들이 한무더기로 쏟아져나왔다. 내가 노드가 너무 상위버전을 설치해서 안되는거였다. 윈도우는 그냥 제어판에서 노드를 날리고 다시 깔아주면된다. 16.18.0버전을 다시깔아줬다..

카테고리 없음 2022.10.23

Node.js로 개발하기 ) POSTMAN 오류

원래 insomnia를 썼는데 다들 postman을 쓴대서 써봤다. 그렇지만 쓰자마자 오류가 나고 마는데.... routes 안의 js파일에도 잘썼는데 SEND하자마자 이런것이뜬다. 구글링해보니까 설치해야한대서 했다... 하지만... 404 NOT Found... 너...나한테 왜그러는건데... 힘들어... 뭐가문제인걸까... 한번더 내 코드한테 가본다... register부분을 post가 아닌 get으로 보냈으니 cannot find어쩌구가 뜬거였다. 근데 다시 POST로 바꿔줘도... 왜저래...슬슬 그만두고싶다 저 connect ECONNREFUSED 오류가 생겼을때 구글링을 해보니 db의 서버와 뭐가 달라서그렇다더라, mongoDB에 중복 index가 있어서 그렇다더라 많았다. 중복도 없었고, d..

카테고리 없음 2022.10.13

Trouble Shooting) git 오류 - warning: adding embedded git repository: client

개인 프로젝트..라고 말하기는 민망한, 남의 코드 분석하며 따라하기 하는중이다. 그러다가 front부분을 clone했는데 갑자기 깃에 엄청나게 긴 메시지들이 뜨기 시작 warning: adding embedded git repository: client 구글링하니가 저 힌트에 있는거 치면 된다고해서 쳤는데, 다 거부당했다... 다 안된다고 떴어 마지막줄은 벨로그에서 훔쳐봤는데 당연히 안됐음. 나는 저런 파일이 없기때문이다... 그러다가 마침 규리쌤이 계셔서 물어보니까 남의 깃 정보와 내 깃 정보가 다르기 때문이었다. 그래서 내 repo가 저장되는 곳으로가서 .git 폴더를 지워주니까 됐다..ㅠㅠ 다른 오류들도 차차 올려보겠다.

카테고리 없음 2022.10.12

Javascript 공부하기) 나머지 매개변수, call, apply, bind, 상속

유튜브 코딩앙마를 보고 작성한 글입니다. 나머지 매개변수 (Rest parameters) ... → 이런식으로 점 3개로 사용한다. - 인수전달 function showName(name){ console.log(); } showName('Mike'); // 'Mike' showName('Mike', 'Tom'); //? showName(); function showName(name) : 함수에 넘겨주는 인수의 개수제한은 없다. 아무것도 전달하지 않아도 된다. 다만 undefined가 뜰 뿐이다. - arguments 함수로 넘어온 모든 인수에 접근한다. 함수내에서 사용가능한 지역변수. lenth와 index가 있기때문에 배열이라고 생각할 수 있지만 array형태의 객체. 배열의 내장 메서드 없다. 따라서..

카테고리 없음 2022.10.08

node.js 공부하기) nodemailer

이메일 작동방법 노드서버 → 유저. node.js와 express.js는 언어 또는 프레임워크라서 서버측 논리를 구현하는데 사용되지만 node.js로는 메일서버를 간단하게 만들 수 없다. 메일을 처리하는것은 들어오는 요청과 응답을 처리하는것과는 완전히 다르다. 따라서 스스로 메일서버를 구축할일은 딱히 없다. 현실적으로 제3자 메일 서버를 활용하게 된다. 대부분의 회사들도 메일서버를 갖추고 있지 않고, aws등의 제3자 서비스를 통해서 메일을 발송한다. SendGrid 사용하기 sendgrid.com은 하루에 100개이하로 발송하면 무료로 사용가능한 회원등급이 있다. Mailchimp, AWS, SCS 등의 많은 대체서비스가 있으니 찾아보면 된다. 대부분의 키워드는 nodemailing으로 찾으면 쉽다. ..

카테고리 없음 2022.10.08

Javascript 공부하기) 배열메소드 2, 구조분해 할당

유튜브 코딩앙마를 보고 작성한 글입니다. Array methods (sort, reduce) arr.sort() : 배열 재정렬. 주의할점은 배열자체가 변경된다. 인수로 정렬로직을 담은 함수를 전달해주면 된다. let arr = [27, 8, 5, 13]; arr.sort(); console.log(Arr); //[13,27,5,8] let arr = [27, 8, 5, 13]; //두 요소를 전달하고, 크기를 비교해서 양수, 0, 음수인지 판단 // a와 b를 비교하고 순서대로 나열해주는것이다. function fn(a, b) { return a-b; } arr.sort(fn); console.log(Arr); //[5, 8, 13, 27] 위와같은 함수를 직접 사용하기 보다는 Lodash같은 라이브러..

카테고리 없음 2022.10.06