티스토리

아하!
검색하기

블로그 홈

아하!

burkui-developer.tistory.com/m

참고용으로 봐주세요

구독자
2
방명록 방문하기

주요 글 목록

  • express 에러 처리 하기 간단하게 express 로 서버 예제를 만들어 보았습니다. post로 요청 오는 데이터 id 값을 타입에 따라 type이 number일 경우에는 상태로 201 과 id값을 내보내고 string일 경우에는 상태가 400이고 error message를 내보냅니다. 그 외의 타입일 경우에는 서버에러로 간주하여 500 상태와 error message를 내보내는 코드입니다. 1. 각 라우터에서 error를 처리하는 방법 const app = require("express")(); const logger = require("morgan"); const bodyParser = require("body-parser"); app.use(bodyParser()) app.use(logger("dev")) app.post(".. 공감수 0 댓글수 0 2020. 6. 28.
  • React-Native 와 React의 차이 그러면 일단 React.js 와 React-Native가 무엇인지 알아야겠죠? React? 페이스북에서 만든 프론트엔드 JavaScript 라이브러리입니다. React-Native? React의 방식으로 네이티브 앱을 개발할 수 있는 페이스북의 오픈 소스 프레임워크입니다. React와 React-Native의 동작 React React는 Dom이 생성이 되고 난 뒤에 Virtual Dom 을 이용하여 변화된 곳을 캐치하여 변화된 Dom으로 변경합니다. 여기에 Dom의 작동 방식과 함께 Virtual Dom을 사용한 이용하는 이유를 친절하게 설명되어 있는 글입니다. -> https://velopert.com/3236 React-Native React Native 코드를 실행하게 되면 Bridge를 이용하여.. 공감수 16 댓글수 0 2020. 5. 12.
  • Cookie와 Storage 이란? 이 쿠키 탐난다.. 그럼 웹 브라우저 상에서 말하는 cookie란 무엇일까요? 쿠키란? 쿠키는 유저의 정보가 들어가 있는 파일입니다. 이 파일은 유저가 웹사이트에 접속할 때 자동으로 생성이 됩니다. 마치 쿠키를 먹으면 많은 부스러기가 남아있는 모습이 때문에 쿠키라는 이름은 가지게 되었습니다. 유저의 정보를 key=value의 형태로 대부분 간단하게 저장합니다. 쿠키 종류 종류 기능 session cookie 만료일을 정해 놓아 보통은 브라우저가 종료 후에 삭제 됩니다. persistent cookie 장시간 저장하는 쿠키 파일로 저장하여 브라우저 종료 후에도 남아있습니다. secure cookie https에서만 사용하는 쿠키 value가 암호화되어 전송됩니다. third-party cookie 광고 베.. 공감수 0 댓글수 0 2020. 5. 11.
  • CSS 기초 부터 적용할 태그를 선택하는 방법 => id -> (.idName), className -> (#className) 을 지정하여 선택 : id는 유니크 한 값이여야 하지만 className은 공통 되게 쓸 수 있습니다. => span , div, p... 태그로 선택 -> (span{style}) : 선택된 태그를 사용하는 곳에 적용이 됩니다. => 다중 선택 -> (div span{style속성}, #{className} span div) : 선택된 것에 스타일을 한꺼번에 적용할 수 있습니다. 띄어쓰기로 구분해줘야 합니다. => 다중 조건 선택 -> (div.{idName} , div#{className}) : OR이나 AND(다중 선택 가능)를 조건으로 줄 수 있습니다. ex ) div.title => d.. 공감수 0 댓글수 0 2020. 4. 7.
  • axios 와 fetch의 다른 점 fetch 보다 axios가 사용이 더 간편하다고 듣게 되었고 이번에 한 번 사용해보기로 하면서 다른 점을 찾아보았습니다. ​ fetch랑 axios랑 다른 점 ​ 내장함수 fetch와 모듈 axios fetch는 내장되어 있는 기본 함수이기 때문에 따로 모듈을 설치할 필요가 없었다 . 하지만 axios는 모듈을 설치해서 사용하는 곳 마다 불러 와야 했다. ​ json으로 변환 fetch에서 get을 통하여 데이터를 가져오게 된다면 json 형식으로 데이터를 서버에서 보내기 때문에 가져온 데이터는 json을 풀어줘야 한다.하지만 axios를 통해 데이터를 가져오게 된다면 따로 json으로 묶여진 데이터를 변환해주지 않아도 된다. 왜냐하면 axios는 알아서 다 풍어주기 때문이다. ​ 메소드를 쓰는 위치 .. 공감수 0 댓글수 0 2020. 2. 29.
  • Sequelize 1 : N 관계 설정, Cascade 적용 db에 테이블사이 관계가 이어져 있는 경우가 있을 수 있습니다. 이 데이터베이스의 테이블 같은 경우에는 users 테이블은 boards 테이블과 1 : N의 관계를 가지고 있고 boards는 containers와 1 : N, containers와 cards는 1 : N의 관계를 가지고 있습니다. 이러한 관계를 가진 테이블은 hasonMany container.associate = function (models) { container.belongsTo(models.board, { foreignKey: 'boardId', targetKey: 'id', onDelete: 'cascade' }); //하위 테이블의 옵션에 속성을 넣어 줘야 한다. container.hasMany(models.card, { for.. 공감수 0 댓글수 0 2020. 2. 26.
  • socket.io ( node.js ) const app = require('express')(); const socketIo = require("socket.io"); const io = socketIo.listen(app.listen(4000)); io.sockets.on('connection', function (socket) { console.log("연결 성꽁"); }); 프로젝트를 진행 할 때 socket.io를 사용하여 방마다 채팅방을 만들어 방에 참여한 사람들과 함께 채팅을 할 수 있는 기능을 넣어야 했었다. 하지만 소켓을 사용해 보는 것은 처음이여서 공부를 해봐야겠다는 생각이 들었습니다. socket.io란? websocket을 간단히 이해해면 더 쉽게 socket.io를 이해할 수 있습니다. websocket이란? 기존의 H.. 공감수 0 댓글수 0 2020. 2. 25.
  • let, const , var 비교 분석 js에서 변수 선언할 때 사용하는 것이 3가지 있다. var, let, const 처음에 js를 시작했을 때에는 var를 사용하는 것이 편하여 변수 선언을 거의 var를 사용하였는데 조금 더 해보니 let 혹은 const 위주로 사용하게 되었다. 그 이유를 설명하기 전에 간단하게 var, let, const를 확인해보고 다른점을 비교 분석 무엇을 사용하는 것이 좋은지에 대해 알려 주겠습니다. var 와 let, const의 차이는 무엇인가? var는 function scoped let과 const 는 block scoped 입니다. 그럼 function scoped와 block scoped는 무엇인가요?? scoped는 경계선으로 이해하면 될 것이다. 앞에 뭐가 붙였냐에 따라서 경계선의 기준을 정하는 것.. 공감수 0 댓글수 0 2020. 2. 21.
  • Javascript의 장, 단점 Javascript를 사용하고 있었지만 다른 사람이 Javascript이 뭐야? 하고 물어보면 쉽게 대답하지 못한다는 것을 깨닫고 이번 기회에 한번 제대로 알아보려고 글을 작성해봅니다. ​ ​ 미국의 넷스케이프에서 만들어진 언어로 객체 기반의 스크립트 프로그래밍언어 (객체지향 언어) 입니다. 웹 페이지를 만드는 html의 script이 하는 역활을 따로 빼서 할 수 있게 만든 것입니다. 이름의 자바가 들어가 처음 들어보면 자바와 비슷한 언어라 느껴질 수 있지만 자바와는 다른 언어 입니다. 그러면 객체 지향 언어는 무엇인가요? ​ 객체 지향은 프로그램을 객체 단위로 나누어서 이 객체들이 서로 상호작용하는 것을 말합니다. 객체에 종류에는 js에 내장 객체 , 브라우저 내.. 공감수 1 댓글수 0 2020. 2. 20.
  • scope 란 function fun(text){ let block = "block"; var test = "test"; console.log("test : " + test); console.log("Text : " + text); console.log("block : " + block); } fun("umm"); console.log("test2 : " + test); console.log("block2 : " + block); /* test : test' 'Text : umm' 'block : block' ReferenceError: test is not defined ReferenceError: block is not defined */ scope는 범위라는 뜻을 가지고 있습니다. js에서도 scope는 범위, .. 공감수 0 댓글수 0 2020. 2. 20.
  • Morgan이란? 서버작업을 한던 중에 항상 사용하였지만, 그냥 로그를 남겨주는 것으로만 알고 있었던 morgan에 여러 옵션이 존재한다는 사실을 자료를 찾다가 알게 되었습니다. 오늘을 morgan이 정확히 어떠한 역할을 하고 어떠한 옵션들이 있는지에 대해 찾아본것을 적어 보려고 합니다. ​ Morgan이란 무엇인가? 앞에서 말했듯이 로그를 남겨주는 모듈입니다. 어떠한 로그가 찍히는가 하면 client에서 요청한 메소들나 상태코드같은 것들이 나옵니다. 로그를 어떠한 방식으로 찍힐 것인지에 대한 옵션을 파라미터로 넣을 수 있습니다. ​ Morgan에는 어떠한 파라미터를 넣어야 하는가? morgan은 두가지 파라미터를 받습니다. morgan(format, options)형식으로 받습니다. ​ format은 문자열이나 콜백함수.. 공감수 0 댓글수 0 2020. 2. 14.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.