728x90 반응형 분류 전체보기167 백엔드 개발자라면 아묻따 필독서 - 데이터 중심 애플리케이션 설계 주니어 개발자가 추천하는 개발 도서는?! 현재 10개월된 백엔드 개발자, 벨루가입니다 🐬 1년도 안된 햇병아리지만 언제나 성장하고 싶은 주니어 개발자이기 때문에 최근에는 이거저거 개발 도서를 읽고 있습니다. 그러다가 최근에 백엔드 개발자라면 꼭 읽어보면 좋을 책을 찾아 추천해드리기 위해 왔습니다. 바로 바로 라는 책입니다👍 이미 '신입 백엔드 개발자 9개월 후기'에서 읽고 있다고 말씀드렸는데 어느순간 다 읽어버렸더라고요. 500페이지가 넘는 책이기 때문에 빠르게 읽지는 못했지만 매일 1시간씩 꾸준하게 읽었더니 완독을 할 수 있었습니다. 개발자라면 누구나 한 해 목표로 개발서적 한 권 완독하기를 원하잖아요? 12월이지만 좋은 개발서적을 결국 완독했다는 것이 기분 좋았습니다. 그래서 이 책으로 말 할 것 같.. 2022. 12. 26. [HTML/CSS] 자동으로 조절되는 세로줄 긋기 Start! 프론트엔드 개발자는 아니지만 태그를 이용해서 가로선을 만들 수 있다는 것을 알고 있었다. 개인 프로젝트에서 화면정의서를 만들다가 연출면에서 선을 세우면 좋겠다는 생각을 했다. 물론 피그마로 디자인을 할 때까지만 해도 이 선 세우는게 그렇게 오래걸릴 줄 몰랐다. 시행착오 끝에 세로줄 긋기에 성공한 나의 과정을 시작하도록 하겠다. 혹시 하는 방법만 알고 싶은 사람은 맨 아래 '정리'에 간략하게 정리해두었으니 참고하길 바란다. 예..? 선을 세우라고요?현재 개인 프로젝트로 만들고 있는 에는 스레드(내용)를 한 번에 볼 수 있는 List가 존재하고 디자인 요소를 넣기 위해 세로선이 필요했다. 처음엔 가로선을 그을 수 있는 태그로 만들 수 있다고 생각했는데.. 아니었다. 찾아보니 현재까지 세로선을 손쉽게 만들.. 2022. 12. 13. [Date] UTC to KST - 우당탕탕 요란스러운 여정기 문제의 시작 현재 우리 회사에서는 하나 이상의 노드들을 이용해서 서버를 손 쉽게 만들어주는 솔루션을 개발 중이다. 나는 모듈을 전반적으로 담당하고 있는데 현재 JavaScript의 Date들을 모듈로 하나씩 개발하고 있다. 그런데! getHours() 모듈을 만들 중 이상한 점을 발견했다. 위 캡쳐처럼 호출 일시에 나온 14시라는 시간과 아래 getHours를 이용해 출력한 05시라는 시간이다. 둘 다 같이 14시가 나와야 하는것이 맞는데 어째서 getHours는 새벽 5시가 나왔을까? UTC라고 들어봤니? 이유는 바로 newDate 모듈이 한국 표준시간이 아닌 UTC 표준으로 나왔기 때문이다. Date를 생성해주는 모듈을 new Date()가 아닌 Date()로 생성하여 출력해보았다. 그랬더니 맨 뒤에.. 2022. 12. 7. [Error] Sharp - Error: Input file is missing / Error: Input buffer contains unsupported image format + Axios로 파일 통신 받을 때 생기는 오류 npm sharp란? NodeJS에서 이미지를 resize하고 싶을 때 자주 사용하는 라이브러리는 sharp라고 할 수 있다. Weekly Downloads가 100만이 넣을 정도로 많은 개발자들이 사용한다. 이미지를 Resizing 해줄 뿐만 아니라 Compositing 등 이미지에 한해서는 다양한 기능이 있다. 궁금한 사람들은 아래 공식 문서를 보길 추천한다. https://sharp.pixelplumbing.com/ sharp - High performance Node.js image processing sharp.pixelplumbing.com 문제 시나리오 나의 경우 DB에 저장된 이미지를 A라는 서비스가 B 서비스로 보낼 때 문제가 생겼다. 너무 간단하게 말하는 것 같아 코드를 보면서 이야기하.. 2022. 12. 2. [JS] FormData를 이용한 Local 이미지(+ file) Axios로 전송하기 MSA 아키텍처를 이용하여 서버를 구성하고 있기 때문에 여러 서비스 간 통신은 필수다. 그러던 중 A 서비스에서 B 서비스로 Axios를 통해 통신하는데 테스트를 위해 Local 이미지를 보내줘야 하는 상황이었다. 프론트단에서 Axios를 사용하여 전달해주는 것과 달라 공유하고자 한다. FormData가 무엇인고? FormData 형식은 postman 등 다양한 API 테스트 툴을 사용했다면 익숙할 단어다. 간단하게 말하면 file을 보내는 형식이라고 할 수 있다. key-value을 한 쌍으로 key에는 name을 value엔 file을 업로드한다. 프론트에서는? const uploadFile = e.target.files[0] const formData = new FormData() formData... 2022. 11. 22. [Babel] TypeScript 코드를 JavaScript로 바꾸기 위해 떠난 여정기 시작은 말이지.. TypeScript로 작성한 코드를 JavaScript로 바꾸고 싶을 때는 어떻게 해야할까? 나의 경우 TypeScript로 작성한 코드를 Parse 해야하는 작업을 해야했다. 하지만 메타성 정보가 아닌 실제 동작하는 코드가 runtime에서는 JavaScript이여야 한다는 피드백을 들었다. 그렇게 TypeScript to JavaScript가 되는 여정이 시작되었다..! 혹시 Babel 구성 조차 하지 않았다면 맨 아래 "+ Babel 구성이 되어 있지 않다면"만 참고하길 바란다. Babel을 사용하자 Jest에서 테스트코드를 돌리기 위해 Babel을 처음 써봤었다. 하지만 아직도 Babel은 나한테 낯선 존재로 코드 바꾸기를 들어갈 때 Babel을 고려하지 못했다. 감이 잡하지 않.. 2022. 11. 18. [JS] console.log [Object] 출력하기 + JSON.stringity() console로 데이터들이 잘 나오는지 확인할려고 할 때 type 필드만 [Object]로 데이터를 알 수 없었다. 이유를 찾아보니 console.log나 alert의 경우 이중, 삼중 객체로 데이터를 출력할 경우 [Object]만 나온다고 한다. 데이터를 알기 위해 이중 삼중 객체를 풀어 console.log로 찍기엔 불편하기 때문에 데이터를 볼 수 있는 방법을 찾아보도록 하자. console.log(JSON.string(data, null, 2)); JSON.stringity() 메소드를 사용하면 겹겹히 쌓인 객체도 깨끗하게 출력될 수 있다. JSON.stringity() 메소드는 JavaScript 값이나 객체를 JSON 문자열로 변환할 수 있다. JSON.stringify(value[, repla.. 2022. 11. 16. [MongoDB] 대량의 데이터 처리 프로그래밍 모델 (1) 맵리듀스 map-reduce 맵리듀스(map-reduce)란 맵리듀스는 많은 컴퓨터에서 대량의 데이터를 처리하기 위한 프로그래밍 모델로, 구글에 의해 널리 알려졌다. 몽고DB와 카우치 DB를 포함한 일부 NoSQL 데이터 저장소는 제한된 형태의 맵리듀스를 지원한다. 이 매커니즘은 많은 문서를 대상으로 읽기 전용 질의를 수행할 때 사용한다. '데이터 중심 애플리케이션 설계'을 읽던 위와 같은 구절을 만났다. MongoDB를 개발하는 내내 쓰면서 아직도 내가 모르는 기능이 있다는게 신기하다. 맵리듀스는 여러 함수형 프로그래밍 언어에 있는 map과 reduce 함수를 기반으로 한다. map() 함수는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. reduce() 함수는 배열의 각 요소에 대.. 2022. 11. 8. XML에 대한 모든 것 - 개념, JSON과의 비교 등 XML이란 '데이터 중심 애플리케이션 설계'를 읽던 중 아래와 같은 구절을 만났다. 문서는 보통 JSON, XML로 부호화된 단일 연속 문자열이나 JSON 또는 XML의 이진 변현으로 저장된다. MongoDB를 쓰면서 JSON 형태로 데이터가 저장된다는 것을 알고 있었다. 하지만 XML은 처음 들어보는 단어였다. 그렇다면 XML이라는 것은 무엇일까? Izzy Siamese 6 yes no Izz138bod Colin Wilcox XML 코드를 처음 본 순간 HTML 파일의 태그와 비슷하다고 생각했다. 데이터 정의하는 규칙을 제공하는 마크업 언어이기 때문에 HTML이 생각나는 것은 당연한 것이다. 매우 규칙적이고 예측이 가능한 구조를 가지고 있다는 특징을 가지고 있다. 또한 새로운 태그를 만들어 추가하여 .. 2022. 11. 7. 이전 1 ··· 5 6 7 8 9 10 11 ··· 19 다음 728x90 반응형
