맥은 기본적으로 파이썬 2.7. 버전이 설치가 되어 있습니다. 그래서 일반적으로 파이썬 버전을 확인해보는 명령어를 쳤을 경우에는 아무리 파이썬 3.X.XX 버전을 깔았더라도 계속 2.7.XX로 버전이 나옵니다. 맥 터미널(terminal)을 열어서, 아래 명령어를 쳐보면 Python 버전 2.7.16이 깔려 있다고 뜨네요. 1 $ python -V cs 하지만, 난 파이썬3을 분명히 설치했는데!? 맥에서는 파이썬3 명령어를 써줘야 제대로 버전 확인이 가능합니다. 다시 터미널에서 아래 명령어를 치면, 제대로 제가 설치한 python 3.11.2 버전이 확인 됩니다. 1 $ python3 -V cs 이걸 몰라서 몇 번을 삭제했다가 다시 설치했네요. 누군가에게 도움이 되었으면 합니다. * 맥 OS용 파이썬 다..

맥용 비주얼 스튜디오 코드 - 단축키 (PDF) Visual Studio Code Shortcut for MacOS 공식홈페이지에서 다운 받아도 되고, VSC에서 Command + S, K (Command를 누른 상태로, S, K를 순서대로 하나씩 누르면) 단축키 설정 창이 나온다. 내가 제일 자주 쓰는 단축키 (추가중) 코드 줄 통채로 위 아래로 옮기기 : option + 방향키 위, 아래 똑같은 단어 찾아서 한번에 수정하기 : Command + D (계속 눌러서 동일한 단어 계속 찾은 다음, 한번에 수정 가능) 한 줄 삭제 하기 : Command + Shift + K (한줄 깔끔하게 날리고, 아래 줄 자동으로 위로 올리기) 커서 있는 줄에 코드 삽입 : Command + Shift + Return(E..

웹 브라우저마다 default 값으로 저마다의 스타일이 적용되어 있습니다. 그래서 내가 설정하지 않은 스타일이 적용되는 경우를 볼 수 있습니다. 동일한 CSS 스타일을 보여주기 위해, default값을 초기화하는 작업이 필요한데, 이를 reset CSS 라고 합니다. 인터넷에서 Reset CSS 라고 검색해서 나온 코드를 쓰면 됩니다. https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font si..

* [환경] Mac + VSCode + LiveServer + Google Chrome 자바스크립트로 브라우저의 위치정보를 불러올 때, 웹에서 '위치에 접근이 안된다('Location access denied')'고 알림이 뜰 때 조치 방법입니다. 원인은 크게 두 가지입니다. 1. 맥에서 크롬(웹브라우저)에 위치정보에 접근할 권한 자체를 안 줬다. 2. VSCode 라이브 서버의 Host 설정을 개인 IP로 설정했다. 보통은 1번에서 해결이 됩니다. 1. 맥에서 구글 크롬에게 위치 정보 접근 권한을 주자. 크롬에서 아래 문구가 뜰 때, 아무리 크롬에서 해당 페이지에 위치정보를 허가해 주어도 제대로 작동하지 않습니다. 맥에서 구글 크롬에 위치정보를 넘겨주는 행위 자체를 허용하지 않기 때문입니다. (평소 개..

비주얼 스튜디오 코드(Visual Studio Code) 폰트 변경 방법입니다. 코딩할 때, 일반적으로 콘솔라스(Consolas) 포트를 많이 사용합니다. 콘솔라스 폰트는 영문 대소문자 모두 동일 좌우폭을 가지고 있어서 널리 사용되고 있긴하나, 한글을 함께 사용할 경우에는 한글 한 글자 당 영문 2개 글자가 매칭되지 않는 문제가 있습니다. 그래서 우리나라에서는 네이버의 'D2Coding 폰트'를 사용하는 것이 좋습니다. 1. D2CodingFont를 다운받아 설치한다. https://github.com/naver/d2codingfont GitHub - naver/d2codingfont: D2 Coding 글꼴 D2 Coding 글꼴. Contribute to naver/d2codingfont develo..

* 원본글을 2023년 1월 업데이트하였습니다. 최근 Visual Studio Code를 사용해보고 있습니다. 엄청 깔끔하고 좋은 것 같네요. 2019년도 개발자들이 제일 좋아하는 에디터 부문에서 압도적인 1위를 하기도 했다는데, 마이크로소프트는 역시 대단한 것 같습니다. (지, 이제 그 대단함을 Xbox와 모바일에서도 제발 보여다오...) https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual S..

1. Node.js 설치 자바스크립트를 공부하기 위해서는 Node.js 설치가 필요합니다. Node.js 는 자바스크립트 런타임 환경입니다. 브라우저에서만 동작하던 자바스크립트를 브라우저 이외의 환경에서 동작시킬 수 있는 자바스크립트 실행 환경이라고 생각하시면 됩니다. Node.js는 프론트엔드 개발에 필수적인 환경이라고 할 수 있기 때문에 필히 설치해줍니다. 아래 홈페이지에 가서 LTS(Long Term Supported) 버전을 다운 받아 설치하면 됩니다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node.js를 설치하면, node.js ..

https://brew.sh/index_ko Homebrew : macOS 패키지 매니저 맥북에어나 맥북프로, 맥미니 등 맥(mac)에서 각종 소프트웨어를 간편하게 설치하고 관리할 수 있는 오픈소스 패키지 관리 툴입니다. 홈브루는 간단한 명령어로 설치와 삭제가 가능하고, 설치하는 장소도 홈브루 안에 설치했다가 지울 때도 깔끔하게 지워집니다. 보통 개발환경 세팅을 한다고 하면, 여러가지 프로그램을 깔기 전에 홈브루(homebrew) 부터 설치하는 유튜브 영상을 많이 발견할 수 있는데, 바로 이 같은 이유 때문입니다. 애플에서 공식 지원하는 건 아니자만, macOS에서 프로그래밍하는 사람들에게는 이미 필수 프로그램이자, 사실상 표준이라고 봐도 과언은 아닐 것 같습니다. 한때, M1 맥을 제대로 지원하지 않아..

맥의 터미널에서 % code . 라는 명령어로 Visual Studio Code를 실행할 수 있습니다. 이 명령어로 Visual Studio Code가 실행되지 않는 경우는 2가지 이유에서 입니다. 아래 순서를 따라하세요. 1. Visual Studio Code의 설치경로를 확인한다. VSC는 Applications에 설치되어 있어야 한다. Visual Studio Code가 Applications에 설치가 안되어 있는 경우에는 Visual Studio Code에서 아무리 shell command로 code command를 패스에 추가해줘도 맥을 리부팅하고 나면 다시 풀려버립니다. 그런 경우는 Visual Studio Code가 Applications에 설치가 되어 있지 않고, Downloads 폴더에 ..

Mac, Catalina v.10.15.5 Visual Studio Code 1.45.1 버전이 달라졌는지, 비주얼 스튜디오 코드 설정법들이 기존 블로그들이 가르쳐주는 방식이랑 조금씩 다른 것 같아서 그냥 간단하게 메모 비주얼 스튜디오 코드는 디폴트 설정이 에디터 자동 줄 바꿈이 Off 상태이다. 텍스트 에디터 자동 줄바꿈 설정하는 방법은 다음과 같다. 1. Preference > Settings (단축키 Cmd + ,) 2. Wordwrap 검색하고 Off 되어 있는 것을 On으로 설정해주면 끝.