본문 바로가기

Language

(132)
웹 개발자의 지옥, 이메일 폼 개발하기 웹을 개발하다보면 사용자를 위해, 법률적인 요소로 인해, 효율성을 위해, 등 다양한 이유 때문에 이메일을 전송하게 됩니다. 하지만 이 이메일을 HTML/CSS로 구현할 때 굉장히 고통스럽다는 사실은 상대적으로 알려져 있지 않습니다. 저도 이메일 관련 작업을 하면서 고통을 항상 겪는데요, 그렇기에 다른 분들도 겪을 수 있다고 생각해 쉽게 개발할 수 있는 가이드를 작성하고자 합니다. 이 글이 개발자들에게 조금이나마 도움이 되었으면 좋겠습니다. 순서 이메일 작업을 해야하는 이유 이메일 작업이 어려운 이유 이메일 작업 문제 재정의 이메일 작업하기 작업한 이메일 페이지 검증하기 1. 이메일 작업을 해야하는 이유 간단하게 언급했지만, 이메일 작업을 하는 가장 큰 이유는 법률적인 이슈때문이라고 볼 수 있습니다. ‘전..
[Async, 비동기와 동기] Promise에서 Await까지 비동기/동기에 대한 정의와 콜백함수,콜백지옥을 거쳐 Promise가 도입된 이유 그리고 간략히 Async Await까지 순서대로 정리하려고 합니다. 코드 보다는 개론적인 의미에 치중해 작성된 글입니다. Promise 를 공부하다 어떤 개념으로 어떻게 여기까지 오게 됐을까 궁금해 이 글을 작성하게 됐습니다. 동기(지금) VS 비동기(나중) 동기와 비동기의 구분은 요청받고 응답받는 시간대의 차이라고 생각합니다 요청하고-응답받는 시간을 하나의 박스(box)라로 정의한다면, 동기는 박스 안에서 움직이고, 비동기는 박스를 벗어나 작동되는 원리 라고 생각합니다. 동기 : 요청과 응답이 같은 시간대 “안에” 고정되어 있어, 요청에 대해 응답이 완료되기까지 프로그램이 정지합니다. 응답을 받고나서야 비로소 다시 진행되는..
객체 알파벳 순서 정렬하기 objArrayy.sort(function(a, b){ var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase() if (nameA nameB) return 1 return 0 //default return value (no sorting) }); console.log(objArray) [참고] https://stackoverflow.com/questions/8900732/sort-objects-in-an-array-alphabetically-on-one-property-of-the-array Sort objects in an array alphabeticall..
자바스크립트 Date 에 일, 시간, 분 더하기 var tDate = new Date('2018-07-10 12:30') // 날짜(일) 더하기 tDate.setDate(tDate.getDate()+1) // 시간 더하기 tDate.setHours(tDate.getHours()+6) // 분 더하기 tDate.setMinutes(tDate.getMinutes()+30) console.log(tDate) 출처 https://jhonnywest.tistory.com/107 자바스크립트 Date 에 일, 시간, 분 더하기 1 2 3 4 5 6 7 8 9 10 var tDate = new Date('2018-07-10 12:30') // 날짜(일) 더하기 tDate.setDate(tDate.getDate()+1) // 시간 더하기 tDate.setHours(..
[번역글] JS에서 조건문을 더 낫게 쓰기 위한 꿀팁 5가지 이 글은 Jecelyn Yeen의 5 Tips to Write Better Conditionals in JavaScript라는 글을 한국어로 번역한 글입니다. 원문 링크 JavaScript를 쓸 때는 많은 조건문을 사용합니다. 조건문을 더 보기 좋고, 깔끔하게 쓰는 방법을 알려드리겠습니다. 여러 조건에 함께 맞아야 할 때는 Array.includes를 사용하자. 중첩은 최대한 적게, Return은 최대한 빨리. 기본 파라미터와 비구조화를 사용하자. Switch 대신 Map과 오브젝트를 사용하자. 배열의 전체 조건에는 Array.every, 부분 조건에는 Array.some을 사용하자. 여러 조건에 함께 맞아야 할 때는 Array.includes를 사용하자. 아래의 예제를 봅시다. // 조건문으로 되어있습..
[nodejs]request entity too large 이슈 post로 데이터를 보내는데 56k정도의 데이터를 보냈더니 에러가 남 그래서 ​ var bodyParser = require('body-parser'); app.use(bodyParser.json({limit: '50mb'})); app.use(bodyParser.urlencoded({limit: '50mb', extended: true})); 위와 같이 설정함 module.export 밖에 작성 [출처] [nodejs]request entity too large 이슈|작성자 삽지리 sabjili님의 블로그 : 네이버 블로그 좋은 글과 새로운 이웃을 만나는 곳 blog.naver.com
JavaScript Object[‘key’] vs Object.key 차이 JavaScript 객체의 property를 접근 하는 방법에는 []와 . 을 사용하는 방법이 있습니다. 가령 아래와 같이 a라는 객체가 있다면 속성에 접근하는 방법이 두 가지가 있는거죠 var a = { b : 1, c : 2 }console.log(a["b"] + ' vs ' + a.b) // 1 vs 1 아, 두 가지 방법이 있구나. 헌데 종종 loop 내부에서 a.b와 같이 .을 써서 Property에 접근 시 undefined가 되는 경우를 봤습니다. 그 때는 뭐야? 하고 넘어갔는데 정리 좀 해봤습니다. JS Object property . vs [] nation 먼저 . 표현을 사용한 아래 소스와 결과를 보겠습니다. var a = { “a” : 1, “b-c”: 2, “0d” : 3, “d0”..
header 정보 json 형태로 가져오기 function parseHttpHeaders(httpHeaders) { return httpHeaders .split("\n") .map(x => x.split(/: */, 2)) .filter(x => x[0]) .reduce((ac, x) => { ac[x[0]] = x[1]; return ac; }, {}); } var req = new XMLHttpRequest(); req.open("GET", document.location, false); req.send(null); var headers = parseHttpHeaders(req.getAllResponseHeaders()); console.log(headers);