전체 글 검색 결과

해당 글 163건
ES6 Helper Method 에 대해 알아보기

ES6 Helper Method 자바스크립트로 개발하다보면, 가장 많이 사용하는 함수 (forEach, map, filter, find, reduce) 들이 있는데 다른 함수 안에서 특정 기능을 하고 있는 것을 Helper Method 라고 부른다. 해당 함수들이 헬퍼 메소드라는 별도의 명칭이 있다는 것을 최근에 알게되었다. 아무리 자주 사용해도 제대로 응용하지 못하고 있는 것 같아 기본기를 다지고자 정리하게 되었다. forEach 배열의 각각에 대한 요소를 실행하는 메소드이다. arr.forEach(callback(currentvalue[, index[, array]])[, thisArg]) callback 함수에서는 3가지의 매개변수를 받는데, currentvalue 는 처리할 현재 요소, index..
Front-End/JavaScript 2021. 11. 12. 16:56
[AIX] crontab 확인 및 재시작하는 방법

회사에서 자주 사용하는 스케쥴러가 종종 뻗어버릴 때가 있다. 그럴 때 crontab 을 확인 후 재시작해야 한다. AIX 기준이나 디렉토리에 따라 위치가 다르지만, 보통 아래와 같이 확인하면 가능하다. /var/adm/cron/ // 해당 디렉토리로 이동 tail -f log // log 파일 확인 ps -ef | grep cron // 프로세스 확인 kill -9 [프로세스 ID] // 해당 프로세스 종료 프로세스를 종료시키면 자동으로 재시작되며, tail -f log 를 통해 crontab 로그를 확인하면 된다. 회사에서 매일 시간단위로 돌고있는 스케쥴러가 제대로 동작하지 않을 경우에 위와 같은 방법을 통해 스케쥴러를 재시작하여 처리 가능했다. 다만 프로세스를 종료시키는 건 root 계정으로만 가능하..
Etc/IT 백과사전 2021. 11. 10. 15:15
CSS 기본 : px, em, rem, %(percent) 단위의 차이

CSS를 사용하다보면, 가장 기본적으로 쓰는 것이 px단위이다. 이외에도 em, rem, %(percent) 단위가 있다. 다양하게 활용할 수 있도록 공부해보자. CSS의 단위 CSS의 단위로는 절대 단위와 상대 단위가 있다. 앞서 언급한 px 는 절대 단위이고, 이외에 cm, mm, ic(인치), pc, pt(포인트) 등이 있다. 상대 단위로는 em, ch, rem, vh, vw 등이 있다. 대부분의 브라우저에서는 폰트 사이즈의 기본값이 12pt, 16px, 1em, 100% 로 이루어져 있다. px 픽셀인 px는 모니터에 따라 상대적인 크기를 가짐으로서, 반응형 웹에는 적절하지 않다. 그렇기 때문에 웹디자인할 때에는 px 를 권장하지 않는다. em과 rem em은 부모 요소의 글꼴 크기를 의미하고, ..
Front-End/HTML & CSS 2021. 11. 10. 13:56
CSS 기본 : margin 과 padding 의 속성과 차이

margin 과 padding 의 속성과 차이 프론트 개발하면서 뗄래야 뗄 수 없는 건 CSS 이다. 속성을 조정하면서 사용하게 되는 건 margin 과 padding 인데 심도있게 살펴보기 위해 글로 정리해둔다. 공부하기 위해서는 먼저 공식문서를 보는 게 좋다. margin 과 padding 의 차이를 한눈에 확인하면 아래와 같다. 개발자도구(F12) 에서도 margin과 padding의 속성을 확인할 수 있다. 개발자도구에서도 CSS 를 변경해가며 확인이 가능하니 바로바로 테스트하기에 좋다. margin margin 이란 CSS 속성은 네 방향 바깥 여백 영역을 설정하는 것이다. 속성으로는 margin-top, margin-right, margin-bottom, margin-left가 있다. 위 아래..
Front-End/HTML & CSS 2021. 11. 10. 11:30
(회고) 짧지만 굵었던 3개월의 스터디

스터디의 참여 유지보수 팀에 있다보니 자기개발하기가 어려워 스터디에 참여하게 되었다. 스터디를 구한 곳은 개발자들의 커뮤니티인 OKKY. https://okky.kr/ OKKY - All That Developer okky.kr 자주 이용하는 곳이라 스터디도 쉽게 구할 수 있었다. 첫 스터디 처음 시작했을 때에는 이미 구축되었던 웹앱 프로젝트에 합류해서 실질적으로 내가 맡은 업무가 많지는 않았다. 프론트엔드로 준비하게되면서 타 개발자들의 코드가 매우 궁금했는데 스터디를 하다보니 참고할만한 코드들이 많았다. UI도 맘에 들었고, 같이하는 개발자분의 추진력이 매우 좋아서 개발을 빠르게 치고 나가기 좋았다. 새로운 프로젝트의 시작, 그리고... 그러나.. 아이템은 좋았지만 더 좋은 수익성을 위해 새로운 어플을..
Etc/Story 2021. 11. 9. 17:49
[error] Server is started at 5500 but failed to open in Browser Preview. Got Browser Preview extension installed?

vscode 에서 프로젝트 실행 시 Server is started at 5500 but failed to open in Browser Preview. Got Browser Preview extension installed? 에러 발생 에러 시 vscode 우측 하단에 이렇게 표시되어 있었음 문제해결 1. 단축키 Ctrl + Shift + X 를 사용하여 vscode 확장 프로그램으로 이동 2. 설정(톱니바퀴) 를 클릭하여 Extenson Settings 로 이동 3. Edit in settings.json 클릭 4. "liveServer.settings.useBrowserPreview": true -> "liveServer.settings.useBrowserPreview": false 로 변경 위 절차..
Front-End/JavaScript 2021. 11. 3. 15:01