전체 글 155

삼바의 2020 회고록

GIS 개발자에서 프론트엔드 개발자가된 삼바의 2020년은 어떤 한 해였는지 회고록을 적어보고자 합니다. 이직 2020년을 돌아봤을 때 저에게 가장 큰 변화가 있었던 것은 이직을 했다는 것입니다. 이직을 통해 제가 가고자 하는 방향을 명확히할 수 있었고 새로운 회사의 새로운 문화에 적응하며 일내적 그리고 외적으로도 많이 변화하게 되었습니다. 왜 이직을 하였을까? 전 회사는 정말 감사하게도 철학과를 나와 많은 것이 부족한 저에게 많은 것을 알려주셨고 다양한 기회들을 제공해주셨었습니다. 하지만 개발자로 더 나아가기 위해 이직이 필요하다 생각했고 그 이유중 가장 큰 이유 두 가지를 이야기해보려 합니다. 동료 정말 이직을 한 이유를 말하라면 많은 것들을 이야기할 수 있지만 먼저 이야기하고 싶은 것은 함께 고민하..

Dev 2021.01.03

상태 관리에 대해 정리해보자

프로젝트의 규모가 커짐에 따라 관리가 어려워진 상태들이 생겨났고 이를 위해 상태 관리 라이브러리를 사용하고자 합니다. 하지만 다양한 라이브러리 중 어떠한 것을 사용해보는 것이 좋을지에 대한 의문이 생겼고 이러한 의문은 내가 "상태(Status)"가 무엇인지, "상태 관리"가 왜 필요한지에 대해 명확히 모르는 것에서 시작된다고 생각합니다. 따라서 상태와 상태 관리가 무엇인지, 그리고 이를 다루기 위한 Redux를 알아보려 합니다. 상태 관리란? 기존 웹페이지를 개발하는 것 뿐만아니라 이제 웹앱이라고 불리는 개발을 더 많이하게 되었습니다. 사용자들은 더 이상 페이지를 오고가는 UX를 원하지 않고 따라서 하나의 페이지를 띄워놓고 그 안에서 데이터를 주고 받으면서 화면을 실시간으로 변경하는 SPA가 웹 개발의 ..

FrontEnd/React.js 2020.12.30

스모크 테스트란 무엇인가?

스모크 테스트란? 배포 전 테스트 프로세스 중 스모크 테스트에 대해 알아봅시다. 유래 전자 회로 기판에 전원을 넣었을 때 기판에서 연기가 나는지 확인하는 테스트에서 유래합니다. 시스템의 안정성 및 주요 기능이 제대로 작동하는지 확인하고, 모든 버그를 찾는 것이 아니라 제품의 안정성을 유지하기 위해 테스트 전에 한번 확인하는 것을 이야기합니다. 사전적 의미 본격적인 테스트의 수행에 앞서, 시스템, 컴포넌트, 소프트웨어 프로그램 등 테스트 대상이나 제품의 빌드(제품 설치 패키지)가 구축된 테스트 환경에서 테스트가 가능한지를 판단하기 위해 주요 모듈이나 시스템을 간단하게 테스트합니다. 스모크 테스트는 개발팀이 제작한 주요 단위 모듈이나 시스템 모듈을 제3자 테스트팀 또는 개발팀 내의 테스트팀이 주체가 되어 테..

Dev 2020.10.01

Promise와 jQuery Deferred Object

Promise, jQuery Deferred Object JS에서 비동기 처리를 할경우, 콜백함수를 사용하곤 합니다. 하지만, 이러한 콜백함수를 사용하는 것은 복잡도를 높입니다. 이를 해결하기 위한 Promise와 jQuery Deferred Object를 알아보도록 합시다. 예시 - 콜백함수 const callback = function() { console.log('Callback!'); } const hellStart = function(one) { setTimeout(function() { one(); }, 3000); } hellStart(callback); 콜백함수를 사용하여 비동기를 처리할경우, 여러 개의 콜백함수가 nesting되어 복잡도가 높아질 수 있습니다. 이를 콜백지옥이라하는데, 콜..

Language/JavaScript 2020.07.24

자바스크립트 번들러 비교

Bundler 비교Webpack vs Rollup vs Parcel자바스크립트는 간단한 작업을 위해 만들어졌지만, 사용자에게 더 나은 경험을 위해 자바스크립트로 구현하는 기능이 많아졌습니다. 따라서 코드의 양이 늘어났고 복잡해졌습니다.따라서 HTML에서 태그를 통해 로드하는 것만으로 의존성이 있는 코드 사이에 순서를 보장하기 어려워졌고 따라서 CommonJS, ES6 Module과 같은 모듈화 개념들이 등장하였습니다.Bundler는 의존성이 있는 모듈 코드를 하나 혹은 여러개의 파일로 만들어주는 도구입니다. Chrome등 최신 브라우저에서는 ES6 Module을 지원하기도 하지만, 모듈화하여 작성한 코드를 브라우저에서 바로 실행할 수 없으므로 가공이 필요한데 번들러가 이 역할을 합니다.대표적인 번들러로 ..

FrontEnd 2020.07.18

자바스크립트 이벤트 루프(Event Loop)

이벤트 루프 먼저 이벤트 루프 가 중요한 개념인 이유를 알아야한다고 생각합니다. 자바스크립트는 '단일 쓰레드' 기반의 언어입니다. 따라서 자바스크립트로 작성한 코드는 동시에 하나의 작업만 처리가 가능합니다. 하지만 자바스크립트를 통해 개발을 해보았다면, 동시에 여러작업이 처리되는 것을 보실 수 있었을겁니다. Node.js, Chrome 에서 사용하는 V8(자바스크립트 엔진)은 단일 호출 스택(Call Stack)을 사용하며, 실행 컨텍스트(실행할 코드에 제공할 환경정보들을 모아놓은 객체) 들을 이 호출 스택에 쌓아두었다가 상단에 있는 컨텍스트부터 실행(First in Last out)합니다. 자바스크립트가 '단일 쓰레드' 기반이라는 말은 맞지만, 실제 자바스크립트가 실행되는 ..

Language/JavaScript 2020.07.16

Apache Tomcat 인코딩 문제 해결방법

UTF-8 인코딩 문제 sever.xml Tomcat{Version}\conf\server.xml 을 메모장 혹은 사용하는 에디터로 실행합니다. server.xml 파일 내부의 태그 내에 URIEncding="UTF-8" 속성을 추가합니다. web.xml Tomcat{Version}\conf\web.xml 을 메모장 혹은 사용하는 에디터로 실행합니다. 태그를 추가합니다. (* 태그 내에 존재하며 설치버전의 경우 주석처리되어있어 주석을 해제만 해주면 됩니다. ) setCharacterEncodingFilter org.apache.catalina.filters.SetCharacterEncodingFilter encoding UTF-8 true Tomcat > Java Java Options 에 UTF-8 인..

VirtualBox 공유폴더

VirtualBox에 VM을 생성하고 시작했다는 가정하에 시작합니다. Guest Additions 설치 상단의 메뉴중 [장치] > [게스트 확장 CD 이미지 삽입...]을 클릭합니다. 내 PC 의 장치 및 드라이브탭에서 CD 드라이브에 VirtualBox Guest Additions 가 삽입되어있는지 확인합니다. CD 드라이브 (D:) VirtualBox Guest Additions 로 들어간 후, VBoxWindowsAdditions.exe 를 더블클릭하여 설치합니다. (* 현재 OS 버전에 맞게 설치합니다.) 설치가 완료된 후, 다시시작(껐다 다시키기)을 합니다. 공유폴더 설정 [장치] > [공유 폴더] > [공유 폴더 설정..]을 클릭하여 공유 폴더 설정을 엽니다. 우측 상단의 + 아이콘을 클릭합니..

OS/Windows 2020.06.06

VirtualBox 고정IP 설정

고정 IP를 설정할 VM을 종료합니다. 그 후, 해당 VM을 선택하고 상단의 [설정(S)]를 클릭합니다. 네트워크 설정 설정 팝업에서 좌측의 메뉴 중 [네트워크]를 클릭합니다. 네트워크탭에서 상단의 어댑터 1 설정을 다음과 같이 바꿉니다. 다음에 연결됨(A): 어댑터에 브릿지 (* 어댑터에 브릿지는 게스트OS가 독립적인 네트워크 IP를 갖습니다.) 고정 IP 설정 고정 IP를 설정할 VM을 실행합니다. 실행한 후, 좌측 하단의 윈도우 버튼을 좌클릭 > [설정(N)]을 클릭합니다. Windows 설정 메뉴중 [네트워크 및 인터넷]을 클릭합니다. 네트워크 설정 변경 > 어댑터 옵션 변경 을 클릭합니다. 이더넷 을 우클릭한 후, 상태(U) 를 클릭합니다. 이더넷 상태에서 좌측하단의 속성(P) 를 클릭합니다. ..

OS/Windows 2020.06.01

1cm 다이빙

Author: 태수·문정 Date: May 29, 2020 Publisher: FIKA Score /5: ⭐️⭐️⭐️ Status: Finished Summary: 현실에서 딱 1cm 벗어나는 행복을 찾아 Type: Essay Resource 이 책은 태수님과 문정님의 1cm 만큼이라도 현실에서 벗어난 행복을 찾아가는 이야기이다. 각 주제별로 작가님들의 이야기가 나오고 책을 읽는 독자 또한 그 주제에 대해 생각해볼 수 있도록 질문을 한가지씩 두어 독자가 답변할 수 있는 구조이다. 첫 챕터를 읽고 질문에 대해 답을 해본다음 '이 책은 끝까지 읽어보고 싶다.'라고 생각한 가장 큰 이유는 내가 나 자신에 대해 생각해볼 수 있는 시간을 주었기 때문이었다. 나 자신에 대해 생각해볼 수 있는 질문들에 답변하면서 나..

독후감 2020.05.30