개발 덕후

정말 혼란스럽기도 했고 자유롭기도 했고 여러가지 후회했던 선택들도있고 부족함도 많이 느낀 한 해였다. 바로바로 어떻게 되먹은 생각을 한건지 퇴사를 결정했다. 퇴사를 결정했을때 나는 너무 자신 있었다. 같이 스터디를 하던 형님은 네이버에 취직했고 나도 도전할 수 있다는 생각을 하게 해 줬다. 그리고 코로나로 심각한 상황에 회사에서는 재택근무를 왜 하지 않을까? 이런 반항심도 있었다. 지금은 물론 생각이 … Continued

내가 맥을 쓰는 이유중 하나를 꼽자고하면 Alfred 때문에 맥을쓴다 이렇게 말할 정도로 맥북을 사면 꼭 설치하고 구입하라고 추천하는 소프트웨어다. 하루에도 32회 정도 단축어 또는 workflow를 사용할 정도이다. 그래서 애용하고있는 몇가지 workflow 또는 내가 alfred를 사용하는 방법을 소개해보려한다. Workflows Github https://github.com/gharlan/alfred-github-workflow 나는 지금 개발자로서 코딩을 주 업무로하고있다 그래서 github도 자주자주 들리는데 항상 특정 저장소를 찾아가기위해서 github … Continued

웹앱을 거의 대부분 docker-compose.yaml 로 docker 환경으로 구성한다. 그런데 volume을 설정하고 구성할때 로컬 맥북에서는 이상없이 docker 내부에서 파일이 쓰여지면 매핑된 로컬 폴더에도 파일이 잘 쓰여진다! 그런데 synology nas에서 volume을 구성해서 작성하면 docker가 작성하는 유저, 그룹이 33:33으로 고정되는 것이다 그래서 항상 웹앱 내부에서 권한이 없다는 오류가 나온다. 지금까지는 맵핑된 폴더의 권한을 33:33으로 변경해서 해결했지만 이게 정확한 … Continued

https://github.com/gatsbyjs/gatsby-docker gatsbyjs의 공식 docker images 제작 가이드로 위를 참고하면서 만들었다. 왜 docker image를 만드나? 4log의 version2를 기약하면서 gatsbyjs로 제작한 4log를 보존하고싶었다. gatsby로 이전하기 전의 wordpress로만 제작했던 블로그또한 보존되어있기 때문에 더더욱 나의 히스토리를 남기기 위해서! https://dan4log.archive.hyeon.pro/ https://4log-v1.archive.hyeon.pro/ README install을따라하면서 문제 발생 README.md 부분의 install 부분을 따라서 Dockerfile에서 gatsbyjs 이미지를 가지고 이미지 생성하는 것을 실행하는데 계속 public/ … Continued

워드프레스의 기본적인 사용자정의 필드가 보이지 않는 이슈가 생겼다. 살펴보니까 기존에 사용하고있는 ACF플러그인이 모든 게시물, 페이지 및 Custom post type에 대해서도 사용자 지정 필드 메타 패널을 완전히 비활성화 합니다. 단일 포스트, 페이지에 대한 사용자정의 필드만 설정하고 싶을때 ACF에서 정의해야하는 불편함이 생긴다. 다행히 아래 코드를 functions.php에 추가하면 사용자 정의 필드를 복원할 수 있다.

TOC를 만들면서 특정 요소로 스크롤하는 기능을 추가했습니다. 저는 ie를 지원하지 않기 때문에 window.scrollTo를 사용해서 값을 구해서하는 방식이 아니라 조금 깔끔하게 구현하기 위해서 Element.scrollIntoView()를 사용했습니다. 문제는 이전처럼 값으로 window.scollTo로 이동한다면 여백을 스크립트에서 적용해서 이동하는 위치를 조절할 수 있지만 Element.scrollIntoView()에서는 따로 여백에 대한 값을 설정할 수 없었습니다. 여러가지 찾아보다가 간단하게 css의 값으로만 특정요소로 이동할 element에 아래처럼 스타일만 … Continued

최근에 오프라인상태 VPN을 통해서 접속한 Centos 7에다 web/was를 구축해야 될 일이 생겼습니다. 한번 구축하고나면 권한이 모두 제거되기때문에 이후에도 접속해서 was 관련 설정이나 구축을 하기위해서 Docker로 구성해야겠다 생각했습니다. 처음부터 난관이었습니다. Centos 7이라는 것을 처음 접하게되었고 rpm 이라던지 yum으로 설치해야된다던지 처음접하는 저한태는 매우 어려웠습니다. 그래서 제가 삽질하던 경험을 공유하려합니다. 네트워크 연결이 되어있는 다른 Linux Centos 7에서 아래 … Continued

Background Gatsby 를 개발할때 gatsby develop -H 0.0.0.0 -p 8000 명령어를 통해 로컬호스트의 8000포트에 웹애플리케이션을 열어두고 아이폰에서 USB로 연결된 상태에서 localhost:8000으로 접속하여 테스트하였었다. 그런데 Next.js를 개발하면서 동일하게 호스트네임을 정해서 사용해도 접속이 안되는 것이다. 정말 난감했다 빨리 모바일테스트를 실기기에서 하고싶은데 다들 개발자도구에 inspector 관해서만 알려주고 ㅠㅠ 결국 스택오버플로우를 뒤지기 시작했다. 결국 찾지못하고 근본적으로 로컬네트워크로 USB에 연결되었을때 … Continued

라이선스 상당히 중요한 것이라는 것을 알고있다. 하지만 각각 해당하는 라이선스에 대해서 자세하게 살펴본적이 없다. 내가 만든 패키지 모듈을 배포할때도 사용하게되는 라이선스 한번 짚어보자 TIP airbnb의 저장소들을 구경하면서 fossa라는 서비스를 알게되었습니다. 나의 저장소에 여러가지 모듈 및 사용하고있는 패키지들에 대해서 어떤 라이선스를 가지고있는지 체크하고 위험할 수 있는 요소는 미리 알려줍니다. 라이선스란? 소프트웨어의 라이선스는 소프트웨어를 사용할 수 있는 … Continued

a 태그의 href 속성에 링크말고도 여러가지 기능을 사용할 수 있다. 알고는있지만 자주 찾게되는 것들을 기록해두려한다. Mailto href속성 접두사로 mailto:를 사용하면 컴퓨터에 기본적으로 설정된 이메일 클라인언트로 바로 이메일을 보내는 기능으로 사용가능하다. default 참조 및 숨은 참조 참조받는 주소를 추가하고자 할 땐 cc를 추가한다. 숨은 참조를 위해서는 bcc를 추가한다. 제목과 내용 제목을 추가할 땐 subject로 추가하고, 본문 … Continued