개발 직군이랑 관련 없는 취준생이지만 만들고 싶은 웹사이트가 있어서 공부하는 틈틈히 개발 공부를 하려고 합니다. 이 벨로그는 공부하고 배운 내용을 정리하는 노트입니다.
다행히 쌩초보는 아니고 프로그래밍 언어에 전부터 관심이 많아 대학에선 C언어를 들었고 그후로도 혼자 C++, 파이썬, HTML, JS, CSS를 공부하기도 해서 기본적인 개발 지식은 갖추고 있습니다.
개인 프로젝트도 몇 가지 했었는데 프로그래밍 자체를 꾸준히 하기보다 그냥 삘 꽂힐 때 재미로 며칠씩 매달리다가 또 원래 하던 일 하고 그러다 보니 프로젝트 결과물을 소중히 하지 않아 지금은 파일을 다 날렸네요..^^ 지금쯤 개발자가 되었을 수도 있었는데
그래서 이 벨로그에서는 초심자 입장에서 세세하게 스텝바이스텝식 일기를 쓰기보다는 코딩하면서 생긴 문제 해결을 중심으로 짤막하게 쓰려고 합니다(브라켓은 완전 처음 사용하는 것이기 때문에 초반부는 좀 세세하게 남길 것 같습니다). 포스팅 효율을 위해 기본적인 설명 같은 것은 제가 직접 타이핑하기 보다는 그냥 잘 설명된 블로그를 링크하는 일이 더 많을 것입니다. 저는 구현되는 기능 뒤의 원리를 깊게 이해하고 파고든다기 보다는 해결을 중시하는 쪽이기에...제대로 공부하지 않은 원리들을 제가 그냥 남이 써놓은 내용을 가지고 아는 척 쓰는 것도 웃기기 때문입니다.
아무쪼록 미래의 저를 위해 이번에는 제발 아무것도 지우지 말고 꾸준히 남기길...
저는 프론트엔드는 HTML, CSS, JS로, 백엔드는 Python Django로 개발하려고 합니다.
프론트엔드는 일단 쉽고 배운적이 있어서 그렇고, 백엔드 역시 파이썬 지식이 있기도 하고, 장고를 가르쳐주는 책 ebook 버전이 있어서 책 산 돈이 아까워서 차근차근 따라하면서 하려고 선택하게 되었습니다.
일단 오늘은 브라켓 설치를 하는 내용만 쓰려고 합니다.
브라켓Brackets을 선택한 이유는:
1. 실시간 미리보기 지원(대부분 이 이유로 선택하시는 것으로 압니다)
2. 프론트엔드 개발뿐 아니라 플러그인을 통해 백엔드도 개발 가능(PHP, Python 외 수많은 언어 지원)
3. 간편하고 직관적 UI
4. 상업적으로도 무료!(제가 PyCharm을 버리고 새로운 IDE를 찾아 나선 계기입니다)
그럼 설치를 해보겠습니다.
설치는 브라켓 공식 홈페이지에서 할 수 있습니다.
브라켓을 설치하고 실행하면 다음과 같은 화면이 뜹니다.
우측에 보면 누워있는 번개 모양 아이콘과 블록 아이콘이 있는데요, 번개 모양 아이콘이 실시간 미리보기 기능을 실행하는 아이콘입니다. 클릭하면 번개가 주황색이 되면서 크롬 페이지가 뜹니다(추후 다른 브라우저도 지원할 계획이라고 합니다).
브라켓 설치 후에는 개발에 매우 도움이 되는 여러 플러그인을 설치하길 권장하는데요. 우측의 블록 모양 아이콘 또는 상단바-파일-확장 기능 관리자를 클릭하면 아래와 같이 플러그인 검색창이 뜹니다.
저는 기본적인 플러그인 설치는 아래 두 페이지를 참고했습니다.
https://blog.naver.com/thesiyeon/221260798958
https://funyphp.com/archive/editor/10
다크 테마로 변경을 위해 위 블로그에서는 monokai를 깃헙에서 다운받는데, 지금은 모노카이를 포함해 여러 다크 테마를 기본 내장하고 있어서 보기-테마에서 변경을 하면 됩니다. 그 외에 다른 유저들이 만든 테마들도 테마 란에서 다운 받아 변경이 가능합니다.
전부 다 설치할 필요는 없고, 필요한 것만 설치하면 되는데 저는 위 페이지들에서 Emmet, Brackets Power Mode, Synapse, Tree icons, Color merge, Outline list를, 그리고 파이썬 개발을 위해 More languages for Brackets, Django syntax highlighter, Python tools를 추가로 설치했습니다. 추후에 다른 기능이 필요해지면 그때그때 추가로 설치하는 것으로 하겠습니다.
그럼 일단 쓰고 있는 자소서들을 마저 쓰고 본격적인 기능을 만져보도록 하겠습니다.
%20(2).jpg)