방구석 호랑이 이불 밖은 위험해

좋은 개발자가 되기위한 루틴

07 Nov 2020

🧑‍💻 정리를 하자 🧑‍💻

스터디원의 리엑트 프로젝트 셋업을 도와주다, 갑자기 많은 질문을 주고받게 되었고, 그동안 디자인적으로 궁금증을 많이 해결하면서 부족한 점을 많이 채우게 되었다. 삽질을 많이 했기 때문에 어떤 게 어렵고 어떤 걸 알려주면 정말 좋을지 많이 알고 계셨다. 그래서 생각하게 된 게 이러한 공부 방법들을 정리해서 가지고 있으면 공부를 시작하려는 “초보 개발자들에게 도움이 되지 않을까?”라는 생각에서 정리하기로 마음 먹었다.

루틴?

컴퓨터 프로그램에서 어떤 일을 담당하는 하나의 정리된 일.

우리는 일상에서 “운동루틴”, “공부루틴” 같은 말을 자주 쓴다. 평상시에 운동을 잘하는 사람의 루틴을 찾아보고, 공부 잘하는 친구의 루틴을 따라 하고, 자신의 상황과 조건에 조정해서 사용하곤 한다.

앞으로 정리할 프로그래밍 공부 루틴도 자신의 상황과 조건에 맞게 조정해서 공부를 진행했으면 좋겠다.

❗️주의사항❗️

  • 매우 주관적인 글이다.(더 좋은 자료가 있다면 언제든지 환영입니다.)

  • Web을 서술했지만 웹프레임워크는 다루지 않았다.(솔찍히 BootStrap은 웹 프레임워크에서 빼자.)

  • 자료에 문제가 있을 시 언제든지 삭제 될 수 있습니다.

🐍 Python 🐍

🥚 입문 🥚

1. 점프투파이썬

코딩을 Python으로 처음 접하는 사람들이 많아지고 있다. 만약 다른 언어를 한 번도 다뤄보지 않았고 Python이 처음이라면 “점프투파이썬”을 빠르게 한번 보고 오는 것을 추천한다.

2. 방구석 호랑이

내가 정리한 Python이다. 다른 언어를 조금 접했고, Python을 조금 봤지만 뭔가 부족할 때 참고하면 좋을 것 같다.

🐣 초급 🐣

Python에 대해 대략적인 것을 알게 되었다면 이제는 실험정신으로 개발을 하는 것을 추천한다.

1. 계산기 프로젝트

2. OX 퀴즈 프로젝트

3. TODO 프로젝트

4. ATM 프로젝트

🐥 중급 🐥

Python으로 이제 간단한 프로젝트를 하는 것이 두렵지 않다면, Python의 다양한 모듈을 이용해서 정말 사용할 수 있는 재밌는 것을 만들어보는 것을 추천한다.

1. 파이썬 웹 레시피

Python을 공부하다가 뭔가 새로운 것이 없을까 하던 도중에 찾게 된 레퍼런스이다. 간단하게 Python을 이용한 웹 모듈을 공부하고, 새로운 프로젝트를 해보면 좋을 것 같다.

2-1. LikeLion 7th Django

Django는 Python으로 만든 웹 프레임워크다. 2019년 ‘멋쟁이사자처럼’에서는 Django로 개발을 배우고 프로젝트를 했었다. Django을 이용해 자신만의 사이트를 만들고 더 나아가서 DRF를 이용해 다른 개발자와 협업해보는 것도 좋을 것 같다.

2-2. Django 자습서

‘멋쟁이 사자처럼’의 요약 레퍼런스는 빠르게 배우기 좋다. 만약 Django를 좀 더 공부하고 많은 기능을 사용해보고 싶다면 해당 레퍼런스를 참고하면 좋을 것 같다.

3. PyQt5 Tutorial

PyQt5는 Python을 이용해 GUI를 만들 수 있게 해주는 모듈이다. Python의 Class를 잘 이해하고 사용하는 데 문제가 없다면 배워보는 것도 좋을 것 같다.

🕸 Web 🕸

Web 공부하는 좋은 방법은 사람마다 너무 다른 것 같다. 그냥 자주 보고 필요한 것을 찾아서 공부하는 것을 추천한다.

🌱 기초 🌱

1. w3schools

Web을 쉽게 배우고 Web의 기준을 정하는 사이트입니다. 외국어로 되어있지만, 정리를 잘해놓아서 자주 찾아보면 좋은 사이트이다.

2. poiemaweb

기본적인 HTML에 대한 개념과 사용법, 그리고 자주 사용하는 CSS를 정리해놓은 사이트이다. 이 사이트로 기초를 공부하고 간단한 자기소개 블로그를 만들어 보면서 HTML과 CSS에 대한 기초를 쌓아가면 좋을 거 같다.

3. BootStrap

초보자도(?) 사용하기 간편한 웹 프레임워크이다. 대부분의 스타일을 다 만들어놨기 때문에 BootStrap을 이용해서 간단하게 웹 구조를 잡아보는 연습을 해보면 좋을 것 같다.

🌿 적용 🌿

1. CSS 작업 규칙

어쩌다가 찾게 된 CSS 작업 규칙에 대한 레퍼런스이다. 병원 사이트가 이렇게 잘 만들어 놓았어 할 정도로 CSS 작업 규칙을 잘 정리해 놓았다. 네이밍 규칙과 코드 디자인을 중심으로 공부하고, 자신의 입맛에 맞게 변형해나가면 좋을 것 같다.

2. Web 중급을 위한 강의

나중에 내가 공부하기 위해서 가지고 있었던 사이트이다. 아직 이 사이트로 공부를 안 해봤지만, 강의 콘텐츠가 유익한 것이 많아서 나중에 꼭 한번 볼 예정이다.

3. Custom reset.css 만들어보기

브라우저마다 CSS의 기본값이 존재하기 때문에 같은 페이지 같은 버튼이라도 브라우저별로 다르게 보일 수 있다. 그렇기 때문에 reset.css를 만들고 브라우저마다 같은 뷰가 보이게 만들어 준다. 잘 만든 reset.css를 가져오는 방법도 있지만, input과 button 같은 속성이 많은 태그는 한번 Custom으로 만들어 보면 좋을 것 같다.

4. 좋은 디자인 보고 참고하기

질문을 주고받다가 얻은 Tip이다. 웹사이트 포트폴리오를 모아둔 사이트이다. 하루에 한 개씩 디자인을 보면서 트렌드를 익히고, 참고하면 디자인에 대한 능력치가 많이 향상될 거 같다.

5. 간단한 프로젝트

어떤 언어를 공부하든지 실험정신이 강해야 언어를 빠르게 습득하는 것 같다. 웹 개발은 유독 더 심한 거 같다. 지속해서 좀 더 대단한 “개인 포트폴리오 사이트”와 “명함” 만들기를 하면서 기술을 추가하며 HTML과 CSS를 익혀보는 것이 좋을 것 같다.

마치며...

항상 삽질하며 쉬운 공부루틴을 찾고자 하지만, 사람마다 다른지라 정답은 없는 것 같다. 앞에서도 말했지만 참고만 하고 자신의 상황과 조건에 맞게 바꿔서 참고하면 좋겠다.

Related posts