본문 바로가기

DEVELOPMENT100

실용주의 프로그래머 TIL(22.03.19) DAY2 (2022. 03. 19) 오늘의 책 읽기 서문 1장.실용주의 철학 오늘의 TIL 당신의 인생이다 (스스로 결정하고 행동할 수 있는 개발자가 되자) 해당 주제에서 나온 내용은 많은 개발자들이 불만에 가득 차 있는데, 왜 해당 문제에 대해 직접 바꾸지 않았냐는 것이였다. 해당 내용을 읽고 내 상황에 대해 돌아보니, 우리 회사는 성과를 몰라주지도 않고, 월급도 불만이 없고, 분위기도 원만하고, 출퇴근도 자유롭고, 수평적인 관계이면서, 내가 원하는 기술 스택을 사용할 수도 있고, 일정도 내가 원하는 대로 조율할 수 있는 상황이다. (이렇게 좋은 환경임에도 아무것도 하지 않고 가만히 있었는지 자책감이 든다...) 딱 한가지 문제점은 주니어임에도 불구하고 개발관련해서 도움을 요청할 수 있는 사람이 없다는.. 2022. 3. 20.
실용주의 프로그래머 TIL(22.03.18) DAY1 오늘부터 노마드 개발자 북클럽 (실용주의 프로그래머) 챌린지가 시작되었따!! 이 책을 통해 품질을 요구사항으로 만들어라 ETC는 규칙이 아니라 가치다. 모든 코드의 중복이 지식의 중복은 아니다. 내면의 파충류에게 귀 기울여라 계약으로 설계하라 리펙터링은 언제 하는가? 프로그래머는 사람들이 자신이 원하는 바를 깨닫도록 돕는다. 에 대해 알아보고자 한다. #노개북 은 스케쥴표, 감상평(TIL), 퀴즈와 미션, 커뮤니티등을 지원하여 혼자 읽을 때보다 동기부여도 되고 의지를 더욱 불태울 수 있게 해주는 노마드 코드의 챌린지 중 하나이다. 약 3주간의 짧고도 긴 챌린지를 무사히 완주할 수 있기를...!! 인증 2022. 3. 18.
node 버전 업데이트하기 기존에 사용하던 node의 버전이 너무 낮아서 update를 하기로 했다. https://www.npmjs.com/package/n n Interactively Manage All Your Node Versions. Latest version: 8.0.2, last published: 2 months ago. Start using n in your project by running `npm i n`. There are 19 other projects in the npm registry using n. www.npmjs.com npm에 node 버전을 관리할 수 있는 n이라는 패키지가 있어서 사용해보려고 한다. npm을 이용해 n을 전역으로 설치 npm install -g n n stable을 입력하면 n.. 2022. 3. 1.
lets encrpyt 인증서 갱신 오류 해결 현재 사용중인 인증서가 만료되어 갱신을 해야하는 상황이 되었다. 물론 crontab으로 자동으로 갱신이 되도록 등록을 해두었지만 뭔가 오류가 있어서 갱신이 되지 않은 것 같다. 그나저나 벌써 3개월이 지났다니...;; 시간이 너무 빠르네 그래서 현재 사용중인 인증서의 상태를 보기 위해 다음과 같이 입력하였다. certbot certificates 조회해본 결과 이렇게 INVALID:EXPIRED라고 만료되었다는 것을 확인할 수 있다. 그럼 갱신을 위해 certbot renew를 하면되는데, 그냥 수행하게 되면 실패하는 경우가 발생할 수 있고 이로 인해 또 다른 오류가 발생할 수 있다. 그래서 갱신이 되는 상태인지 확인하기 위해 아래와 같이 입력해주었다. certbot renew --dry-run 이렇게 .. 2021. 12. 2.
Missing or invalid credentials 에러 처리하기 Missing or invalid credentials. Error: connect ECONNREFUSED /run/user/0/vscode-git-9cddb075f4.sock at PipeConnectWrap.afterConnect [as oncomplete] (net.js:1146:16) { errno: -111, code: 'ECONNREFUSED', syscall: 'connect', address: '/run/user/0/vscode-git-9cddb075f4.sock' } remote: Repository not found. fatal: Authentication failed for 리눅스를 이용해서 개발을 할 때, 종종 커밋까지는 되는데 push가 안되는 경우가 있다. 이럴 때는 ctrl +.. 2021. 11. 23.
fimga px to rem 사용하기 desktop 페이지가 거의 완성되어 반응형으로 동작하는 moblie 페이지를 제작하려고 한다. 어디선가 주워듣기론 desktop 페이지는 px을 사용하는 게 좋고, moblie페이지는 rem을 사용하는 게 좋다고 했던 게 기억났다. (모바일 페이지에 더 유연한 디자인을 적용하는 게 좋다고 했던 것 같다...) 그래서 figma에서 inspect탭에서 사이즈를 가져와서 코드로 짜려고 하는데, 기본적으로 피그마는 px단위만을 지원하기 때문에, 직접 수치를 변환해서 사용해야 하는 것 같았다. 그래서 찾아보니 px을 입력하면 rem으로 바꿔주는 플러그인 들이 있는 것 같았다. 하지만 일일히 수치를 입력하고 계산하기 귀찮아서 Heron Handoff 라는 플러그인을 사용하기로 했다. 피그마 화면에서 플러그인 -.. 2021. 11. 18.
nginx 413 request entity too large 이전에 파일 제출 기능을 만들었을 때는 별 문제가 없었지만 nginx를 사용하고나서 파일 제출시 다음과 같은 에러가 나타났다. 413 requests entity too large 첨부된 파일의 크기가 1mb를 넘을 때, 보안을 위해서 기본적으로 막혀있다고 한다. 그래서 nignx.conf에서 server 부분에 다음 내용을 추가해 주었다. client_max_body_size 0; clinet_max_body_size를 0으로 하면 파일크기를 따로 제한하지 않는다고 한다. 끝 2021. 10. 13.
cloud not establish connection publickey, gssapi-keyex, gssapi-with-mic could not establish connection to "xxx.xxx.xxx.xxx" permission denied (publickey, gssapi-keyex, gssapi-with-mic) remote-ssh 를 연결할 때 위와 같은 에러가 나왔다. 윈도우에서와 똑같은 설정에 같은 rsa파일을 사용하고 있었기 때문에 왜 권한에러가 나는지 알 수가 없었다. 그래서 원인을 알아보기 위해 vscode extension이 아닌 terminal ssh로 접근을 해보기로 했다. ssh로 접근했더니 warning: unprotected private key file! 이 나왔고, permissions 0664 are too open It is required that your private key fil.. 2021. 10. 13.
chromedriver unexpectedly exited. Status code was: -9 chrome driver status code -9 해결 윈도우에서 정상적으로 돌아가던 코드가 m1 에어 맥북에어 selenium을 사용할 때, Status code was : -9 라는 에러가 발생했다. 이는 권한 문제 때문에 발생하는 것으로 다음과 같은 방식으로 해결 할 수 있다. 애플 -> 시스템 환경설정 -> 보안 및 개인 정보 보호 보안 및 개인정보 보호 -> 일반 -> 확인없이 허용 2021. 10. 11.
adobe xd 퍼블리싱 (css) adobe xd 퍼블리싱하기 (CSS) 기존에 피그마에서 작업을 할 때는 바로바로 CSS 값을 볼 수 있어 편했지만 이번엔 adobe xd를 이용하게 되었다. 그래서 adobe xd에서 css 값을 확인하는 방법을 정리해 보려고 한다. 1. 공유 탭으로 이동 이렇게 프로젝트를 열고 공유 탭으로 이동한다. 2. 보기설정과 링크 액세스 확인하기 보기 설정을 개발로 설정하고, 링크를 통해 접속할 수 있도록 한다. 이후 생성된 링크로 이동한다. 3. 링크로 이동한 뒤 오른쪽에 탭을 누르면 CSS 정보를 확인할 수 있다. 4. 원하는 object를 클릭 후 다른 요소 위에 올리면 상대거리가 나타나게 된다. 끝! 2021. 8. 20.
notion mismatch between origin and baseUrl(dev) 해결하기 Mismatch between origin and baseUrl(dev) 도메인을 노션으로 연결하기 위해 Fruition과 CloudFlare를 이용해 설정을 해두었는데, 갑자기 위와 같은 에러가 발생하였다. t0dd의 도움으로 해결하게 되었는데, 많은 분들이 어려움을 겪고 있어 간단하게 정리해보려고 한다. (이미 연동을 성공하신 분들을 위한 설명이기 때문에, 도메인에 노션을 연결하실 분들은 다른 포스팅을 참고해주시면 됩니다!) 일단!! 아래 링크를 통해 CloudFlare에 넣을 스크립트를 생성할 수 있다. https://fruitionsite.com/ Fruition - Build Your Next Website With Notion, For Free Perfect for your portfolio,.. 2021. 8. 19.
Cannot read property 'initialize' of undefined (html-webpack-plugin) Cannot read property 'initialize' of undefined 에러 처리하기 html-webpack-plugin을 사용하던 중 다음과 같은 에러가 발생했다. package.json을 살펴보면 html-webpack-plugin이 5.3.2버전을 사용중인 것을 알 수 있다. 찾아보니 2.대 버전을 사용하면 괜찮다고 하여 설치를 해보았다. npm uninstall html-webpack-plugin npm i html-webpack-plugin@2.30.1 dependencies에 2.대 버전이 잘 설치된 것을 확인하고 다시 실행해보니 잘된다!! 끝! 2021. 8. 1.
centos8 http&https open port firewalld 기존에 centos7 방화벽 관련 설정을 이곳에 포스팅해두었다. centos 방화벽 설정 port 80 오픈 80번 포트를 이용하여 웹서비스를 하기 위해서는 80번 포트를 열어줘야 합니다. 80번 포트를 열어주는 방법은 # 80번 포트를 여는 방법 fiewall-cmd --zone=public --permanent --add-port=80/tcp # 방화벽 적용 f.. zel0rd.tistory.com 현재 사용중인 서버는 centos8 이기 때문에 바뀐 방화벽 설정 명령을 정리해보려고 한다. Step1.Check the status of your firewall. # firewall-cmd --state running Step2. Retrieve your currently active zones. Ta.. 2021. 7. 28.
css 반응형 웹 만들기 css파일에 미디어쿼리 적용하기 @media only screen and (min-width:100px) { } 컴퓨터 화면에 적용 : screen 속성 설정 : (min-width or max-width) /* test.css */ html, body, div{ width: 100%; height: 100%; } @media screen and (max-width:500px){ body { display: flex; flex-direction: row; } #test1 { background-color: antiquewhite; } #test2 { background-color: red; } #test3 { background-color: blueviolet; } } @media screen and (.. 2021. 6. 6.
node_env 설정 windows package.json scripts에 "start-dev-local" : "NODE_ENV=development nodemon ./bin/www" 이렇게 해서 사용했는데, 윈도우에선 'NODE_ENV'를 실행할 수 없다고 나왔다. 그래서 확인해보니 set NODE_ENV=development 이런식으로 써야한다는데, 아무리 해봐도 안되서 속이 터졌따.. "start-dev-local-win": "set NODE_ENV=development && nodemon ./bin/www" 알고보니 위와 같이 쓰면 안되고, "start-dev-local-win": "set NODE_ENV=development&&nodemon ./bin/www" 이렇게 && 사이에 공백이 없이 사용해야 한다고 한다!! 2021. 5. 27.

티스토리툴바