메로그

Git 개발자로 살면서 피할 수 없는 단어들이 있는데, Git(깃) 이 그 중 하나이다. 쉽게 말해서, 소프트웨어를 개발하면서 변경된 내용들을 관리, 유지하는 형상관리 시스템이다. Github, Gitlab 깃을 사용하는 프로젝트들을 저장할 수 있는 공간을 제공하는 웹 호스팅 서비스입니다. 크게 Github, Gitlab을 사용하는데, 둘 다 저장소를 중심으로 개발 업무를 진행하는 데는 큰 차이가 없다. 깃허브는 공개적으로 사용 가능한 레파지토리가 많고 덕분에 많은 오픈소스 프로젝트를 지원하고 있다. 깃랩은 설치형 깃허브(서버 필요)라고 불리며, 깃허브 보다는 실무에서 사용하기 좋은 기능들을 더 많이 제공하고 있다. (물론, 설치를 하지 않더라도 사용 가능하다...) 그러다 보니 실무에서 깃랩을 사용하는..

gulp gulp는 node.js 기반의 task runner, 자바스크립트 자동화 빌드 시스템입니다. 자바스크립트의 코드 결과를 한 번에 받는 방식이 아닌 Stream기반의 방식으로 이벤트마다 전달받는 방식을 이용합니다. Stream을 기반으로 하고 있기 때문에 작업 속도가 빠릅니다. gulp 안에는 task들이 존재하는데, 이 task들이 pipe로 연결되어 병렬 수행을 합니다. (각 task에서 작업 수행.) install gulp gulp를 셋팅하기 전에는 기본적으로 node와 npm이 설치가 되어 있어야 한다. // Install the gulp command line utility npm install --global gulp-cli // Install the gulp package in yo..

비동기 특정 작업이 완료될 때까지 기다리지 않고, 다음 작업을 이어서 실행해 나가는 것을 말합니다. 자바스크립트는 기본적으로 싱글 스레드 기반으로 동기적으로 실행되는데, 이렇다 보니 웹에서 계속 동기적으로 기능이 동작하다 보면, 속도가 느린 것처럼 보이게 되는 현상이 발생합니다.. (그렇기 때문에 비동기를 써야 함!) 콜백 콜백 함수는 함수의 인수로 넘기는 함수인데, 콜백함수는 비동기 프로그래밍에서 아주 유용한 녀석입니다. 콜백 함수를 이용하면, 비동기 방식에 시점을 잡아 특정 시점에 호출할 수가 있다. 간단하게 아래와 같이 콜백 함수를 이용하여 비동기를 처리할 수 있습니다. const myCallBack = () => console.log('콜백!'); // 5초 뒤, myCallBack 호출!! se..

테스트 자동화 유저 테스트 만으로는 모든 테스트의 광범위한 부분을 체크해 볼 수가 없습니다. 미리 여러 케이스들을 설정하여, 광범위하게 효율적으로 체크하여 더 많은 버그를 찾을 수 있습니다. (흔히들 말하는 애자일을 도입하는 것이다..) 테스트 자동화 프로세스가 만들어지면, 유저 테스트와 자동화를 병행하여 테스트의 효율을 높일 수 있게 됩니다. 이러한 장점들이 있지만, 무조건 장점만이 있다고는 볼 수 없다.... 당연히 위의 프로세스가 잘 이루어져 모두가 만족한다면 좋지만, 현실은 그렇지 않은 경우가 있다.. 프로그래밍 기반의 테스트 자동화가 도입된다면, 프로그래밍이라는 진입장벽이 생기는 단점이 있다. (해야지...ㅠㅠ) 테스트 자동화를 위한 테스트 케이스를 준비해야 한다. (테스트 샘플을 AI가 뿅뿅뿅..

자바스크립트 최적화 웹 개발을 하게 되면, 웹페이지의 성능 문제를 만나게 됩니다... 거기서 대부분의 문제는 리플로우와 리페인트가 발생(돔을 건드리면.. 아주 큰일..나는 거야..) 하며, 시간을 잡아먹습니다... (특히, 자사 웹페이지 또는 솔루션을 개발하다 보면 이와 같은 이슈를 더 많이 만나게 됩니다... 슬픔..) 하지만, 이런 리플로우나 리페인트가 발생하는 것은 어쩔 수 없는 것입니다. 하지만, 이러한 현상을 얼마나 최소하면서 최적화 시킬 수 있는지가 성능을 개선할 수 있는 요지입니다.. 브라우저 렌더링 Dom, Cssom 생성 => RenderTree 생성 => 레이아웃 => 페인트 브라우저 렌더링은 HTML, CSS 문서를 파싱 후, DOM Tree와 CSSOM Tree를 생성 이후에, 이 ..

# 코드 리뷰 개발자가 만든 코드를 확인하고 각자의 의견이나 피드백을 주는 과정을 말합니다. 코드 리뷰를 통해 자신이 만든 코드의 대한 내용을 한 번 더 점검할 수 있고, 피드백을 통해 흔히들 말하는 이쁜 코드를 만들 수 있다. 코드 리뷰를 할시에는 다음과 같이 훌륭한 프로세스가 형성된다!!.... ex) 분석 => 설계 => 개발 => 코드 리뷰 => 테스트 => 테스트 자동화 # 코드 리뷰시 점검사항 Why 처음에는 왜? 가 중요하다. 여기서 왜? 는 왜 이렇게 했는가? 이다. 어떤 요청사항이 있었는지, 그래서 개발에 대한 설계는 어떻게 했는지 등을 뜻한다. 이러한 내용을 알지 못한 상태로 코드 리뷰를 할시 정확한 코드 리뷰를 할 수가 없다. (코드 리뷰하러 갔는데, 이슈 내용만 주구장창 설명할 수도..