전체 글11 Heroku Postgres mantenance 이후 서버 접속이 안되는 이슈 heroku 에서 메일이 왔습니다. 데이터베이스 유지보수가 되었다는데 확인해보니 서버 접속이 안되고 있었습니다. 그래서 확인해 보니 서버 maintenance 이후 환경변수에 새로운 connection string을 적용해준다고 하는데 DATABASE_URL 외 다른 환경변수는 업데이트가 되지 않았더군요. postgres://DB_USER:DB_PASSWORD@DB_HOST:DB_POST/DB_DATABASE 의 형식으로 DATABASE_URL로 들어와 있었으며 환경변수를 새로운 DATABASE_URL의 정보로 업데이트 해 주었고 정상작동 하는 것을 확인하였습니다. 앞으로 maintanence 메일이 올 때는 한번씩 확인해 주어야 할 것 같습니다. 2023. 6. 28. 맥에서 한영키 따로 분리하여 사용하기 with hammerspoon 불편한 점이 하나 있었습니다. "한영키는 왜 하나로 되어 있을까" 가 바로 그것이었습니다. 입력키 전환을 하나의 단축키로 하게 될 경우에는 현재 입력 언어가 무엇인지 확인을 하거나 타이핑을 해 보고, 지우고, 또 변경하는 과정을 거쳐야만 하기 때문에 번거롭게 느껴지더라구요. 그래서 따로 분리할 수 있는 방법이 무엇이 있을까를 찾아보았습니다. 생각보다 한영키 자체를 다른 키로 매핑하는 방법은 많은데 각각의 언어를 다른 키로 변경하는 방법에 대한 정보는 많지 않다는 것을 알게 되어 hammerspoon 을 활용하는 방법을 기록합니다. hammerspoon의 소개와 설치 방법 등에 대해서는 잘 정리된 블로그가 있어서 링크로 대신합니다. 키를 설정하는 부분에 있어서도 같은 블로그에서 자세히 설명하고 있기에 링크.. 2023. 5. 28. Mac 시스템 전체화면 Rectangle 단축키 변경하기 화면 크기를 변경하기 위해 Rectangle 을 잘 사용하고 있습니다. 화면을 좌우로 크기를 변경하며 배치할 때는 ctrl + cmd + ←,→ 를 사용하고 있는데 전체 화면으로 변경하고 싶을 때 (전체화면 모드가 아닌 그냥 가득 채운 화면) 으로 만들 때도 ctrl + cmd + F 를 사용할 수 있게 하면 어떨까 싶어서 변경해 본 내용을 기록합니다. 기본적으로 맥 시스템에서는 전체화면을 지원하는 어플리케이션에 한하여 (ex, chrome) ctrl + cmd + F 키는 fn + F키와 동일한 기능을 하도록 단축키가 등록되어 있으며, 전체화면을 지원하는 어플리케이션에서 사용 가능합니구요, 화면을 꽉 채우도록 전체화면이 됩니다. 저는 이 키를 option + cmd + F로 변경하였고, 기존의 ctrl.. 2023. 5. 12. yarn 과 create react app 으로 react 프로젝트 셋업하기(yarn 수정 error) 새롭게 개편된 리엑트 홈페이지에서는 프레임워크와 함께 프로젝트를 시작하는 것을 추천하고 있습니다. 그러나 저는 강의 수강 등의 이유로 yarn 과 create react app 으로 프로젝트를 셋업해야 할 경우가 있어서 셋업 방법을 기록해 둡니다. 문제는 yarn start 명령어로 시작했을 때 파일을 수정하면 에러가 발생하는 버그가 있습니다. create react app 설치는 https://create-react-app.dev/docs/getting-started/ 참고 ! [eslint] Failed to load config "react-app" to extend from. Referenced from: /Users/wandakim/Projects/react/youtube/package.json.. 2023. 5. 11. [VSCode] 현재 파일 경로 새 파일 생성 단축키 (how to edit vscode new file shortcut) vs code에서 현재 작업하는 파일의 경로에 새로운 파일을 추가하고 싶어서 다른 프로그램에서 관용적으로 쓰이는 cmd + n (윈도우라면 ctrl+n)를 눌렀는데 이렇게 경로가 없는 파일이 생성되었나요? 저도 그래서 불편함을 느꼈습니다. 저는 에디터에서 작업을 하다가 cmd+shift+e 로 exploror 창으로 포인터를 옮기고 방향키와 스페이스로 원하는 파일에 접근하곤 하는데요, 여기에서 새로운 파일을 생성할 때 불편하더라구요. 그래서 stackoverflow를 찾아봐서 변경하였습니다. 어떻게 변경하는지 함께 알아봅시다. 1. cmd+shift+p를 눌러 커맨드 팔렛트를 실행시킨 후 key를 입력하여 Preferences: Open Keyboard Shortcuts (JSON)를 찾아 선택합니다. .. 2023. 5. 10. [CS] 컴퓨터에서의 정수와 실수의 데이터 표현방법과 부동소수점 1. 정수 컴퓨터는 정수를 이진수(binary) 형태로 저장합니다. 일반적으로 C/C++에서는 int형은 4바이트(32비트)를, long long 형은 8바이트(64비트)를 차지합니다. 정수는 부호(sign)와 절댓값(magnitude)으로 나누어 저장됩니다. 부호는 양수와 음수를 구분하는 정보이며, 0 또는 1로 표현됩니다. 절댓값은 정수의 크기를 나타내며, 이진수로 변환된 값을 2진수로 저장합니다. 컴퓨터는 일반적으로 2의 보수(two's complement) 방식을 사용하여 정수를 저장합니다. 이 방식은 부호를 포함한 절댓값을 2진수로 변환한 후, 양수와 음수를 구분하지 않고 덧셈 연산을 수행할 수 있도록 구현된 방식입니다. 2. 실수 컴퓨터는 실수를 부동소수점(floating-point) 방식으로.. 2023. 4. 22. [JavaScript] iterable 쉽게 이해하기 👶🏻시작하기 전에 처음 자바스크립트의 이터레이터라는 개념을 접했을 때 '어렵다' 라고 생각했던 기억이 있습니다. [Symbol.iterator] 라는 것을 가지고 있어야 한다는데 저게 무슨 문법인지 모르겠고, 혼란스러웠던 기억이 있습니다. 오늘은 제너레이터에 대해 칼럼을 작성하기 이전에 이터레이터 개념에 대해 조금 더 쉽게 이해할 수 있는 글을 작성해 보고자 합니다. 그리 어렵지 않으니 함께 가봅시다! ES6와 이터러블 자바스크립트에서 ES6 이전의 순회 가능한 자료구조들은 통일된 규약 없이 각자 나름의 독립적인 구조를 가지고 순회를 했었습니다. ES6 에서는 순회 가능한 자료구조를 ”이터러블"로 통일하여 일원화 하였고, 그리하여 for…of 문, 스프레드 문법, 배열 디스트럭처링 할당의 대상으로 사용할.. 2023. 4. 17. iTerm + zsh 에서 option + ←, cmd + ← 설정하기 iTerm을 설치하고 사용중이라면 텍스트 에디터 등에서 자연스럽게 동작하는 cmd + 방향키 또는 option + 방향키가 동작하지 않을 수 있다. 그런 경우에는 설정을 바꿔주어야 한다. setting - profile에 들어가면 저 별표 표시가 된 프로파일이 있을 것이다. 프리셋을 틀릭하하고 Natural Text Editing을 선택한다. 그럼 기존의 key binding을 삭제할 것이냐고 묻는 창이 나오는데 특별히 설정해 둔 것이 없다면 삭제하기를 클릭하면 된다. 설정창을 닫으면 iterm에서 방향키과 cmd, option키의 조합으로 잘 날아다니는 포인터를 볼 수 있을 것이다. 2023. 4. 12. [Javascript] var를 왜 쓰면 안되나요? 시작하기 전에 오늘은 자바스크립트의 var의 특징들에 대해 알아보고 왜 사용을 지양해야 하는지 그 이유에 대하여 알아보겠습니다. 초기 자바스크립트에서 변수를 선언할 때 var를 사용했었는데요, 다른 프로그래밍 언어에서 동작하는 방식과 많이 달라서 자바스크립트에 입문하는 개발자들을 곤경에 빠트리는 주범이었다고 합니다. 오늘은 왜 var를 사용하면 좋지 않는지 중요한 특성과 var 대신 let과 const를 사용해서 변수를 선언해야 하는 이유에 대해 알아보겠습니다. 1. 변수를 선언하는 키워드가 없어도, 선언과 할당이 가능하다. something = '👶🏻'; console.log(something); // 👶🏻 위 코드는 var를 선언한 것과 동일하게 작동합니다. 뒤에서 언급하겠지만, 'use strict.. 2023. 4. 8. 이전 1 2 다음
