새내기 개발자를 위한 툴 & AI 활용 가이드
이제 막 대학에 입학해서 개발자라는 꿈을 가지고 공부를 하는 새내기 분들에게 제가 코딩을 하면서 필요하다 생각한 툴들과 AI 사용법을 추천드립니다..!
1. 협업 필수 도구
Notion: 노션은 대학생활을 하면서 수업 필기, 과제 작성등으로 많이 이용하시게 될텐데요 다른 개발자, 혹은 혼자 공부하면서도 사용을 자주 하게 됩니다
각자 진행상황을 메모해두거나, 해결해야할 이슈를 작성하기도 하고, 코드 규칙(에러 형식, 디렉토리 아키텍처, env등)을 공유하는 등 "공유 문서"의 역할로 사용합니다
Figma: 코드를 작성하기 전, 화면 구성(UI)를 미리 그리고, 공유하게 됩니다. 개발할 때 디자인으로 고민하기 보다 먼저 스케치하고 작업을 하게되면 효율이 올라가요. 피그마에서는 디자인을 HTML로 바꿔주는 기능이 있어서 프론트 작업할때 유용합니다
+ 대학생이라면 피그마, 노션 둘다 유료 버전을 무료로 업그레이드해서 쓸 수 있어요!
2.VS Code Extension 추천
코드 IDLE로 다양한 툴이있는데 주로 VScode를 사용하게 될거에요 vscode는 다양한 확장 프로그램(vs code extension)을 쓰면 훨씬 효율적이게 쓸 수 있는데 다음과 같은 extension추천 드려요
- Live Server
웹 코드를 수정하고 저장할때 브라우저 새로고침할 필요없이 실시간으로 변경 사항을 보여줘요 (웹 개발하려면 필수입니다!)
-Error Lens
에러 메세지가 터미널 창이아닌 코드 옆에 표시해줘서 어디가 틀렸는지 바로 알 수 있어요
-Prettier
코드를 예쁘게 정렬해줘요 코드가 길어지면 가독성이 정말 중요해져서 프로젝트를 할떄 Prettier 규격을 규칙으로 정하고 하는 경우도 있어요
- Git Graph
깃에 커밋한 내역을 그래프로 시각화해줘요. 커밋이 꼬일때 정말 머리가 아픈데 git graph를 사용하면 어느정도 빠르게 파악할 수 있어요
- ERD Editor
DB의 구조를 표현한 설계도를 ERD라 부르는데 저는 IDLE내부에서 작업하는게 편한것 같더라고요 그래서 추천드립니다!
3. AI 툴 활용법
AI 툴로 코딩하기 먼저, 전체적인 코드 구조(어떤 아키텍처인지, AI한테 물어볼 코드는 어떤 기능이고 Input 과 Output값이 어떤 형식인지 등)을 파악하고 나서 해당 문맥을 바탕으로 코드를 생성 요청하는게 중요해요
요즘 Cursor나 claude mcp같은 code agent 들이 잘 나오지만 비싼 버전을 쓰더라도 코드의 문맥(현실세계에서 해결해야할 문제)는 잘 파악을 못하더라고요
저희는 아직 코드를 공부하는 단계여서 AI를 쓰더라도 다음과 같이 써야 공부가 됩니다!
- 개념이해: "이 프로젝트에서 LangGraph를 사용했는데 LangChain을 사용하지 않고 다음과 같이 사용한 이유가 뭐야? 둘의 장단점을 설명해줘" 처럼 이 코드에서 이런 선택을 한 이유, 각 기술의 장단점 들을 물어볼때 사용하는걸 추천합니다
-코드 리뷰: 쓰레드 풀 관리 혹은 비동기 작업에서 오류 등 다양한 환경을 고려하고, 코드 가독성이나 불필요한 코드, 뒤엉킨 코드 구조든 개선이 필요한데요(리팩토링이라 부를게요) 이런 리팩토링 작업을 혼자 하게되면 놓치게 되는 부분이 많아서 도움 받는걸 추천합니다
-더미 데이터 생성: 개발을 할때 가장 단순하고 반복적인 일이 더미데이터라 생각하는데 이런 작업 꼭 ai한테 시켜야합니다!
이렇게는 쓰는거는 안좋아요
- 단순 과제 제출: 직접 해야 내것이 됩니다
- 복잡한 로직: 복잡한 로직을 내가 정확히 알고 지시해야만 되는데 그렇지 못할 경우 오류가 발생할 확률이 큽니다 ! 이런 경우 전체적인 로직 흐름을 손으로 그려보고 각 파트별 주석을 달아 ~하는 로직 처럼 설명을 해준 후 사용하는게 좋아요
- AI 의존적인 개발하기: 시간낭비라고 생각해요
가장 중요한건 AI도움을 받든 안받든 직접 생각하면서 코드를 작성하는 것 입니다! 처음 시작할때 개발이 막연하고 어렵게 느껴질 수 있는데 그 순간만 지나면 정말 재미있어 질거에요 개발자의 꿈을 가지고 공부하는 여러분 응원합니다!
1. 협업 필수 도구
Notion: 노션은 대학생활을 하면서 수업 필기, 과제 작성등으로 많이 이용하시게 될텐데요 다른 개발자, 혹은 혼자 공부하면서도 사용을 자주 하게 됩니다
각자 진행상황을 메모해두거나, 해결해야할 이슈를 작성하기도 하고, 코드 규칙(에러 형식, 디렉토리 아키텍처, env등)을 공유하는 등 "공유 문서"의 역할로 사용합니다
Figma: 코드를 작성하기 전, 화면 구성(UI)를 미리 그리고, 공유하게 됩니다. 개발할 때 디자인으로 고민하기 보다 먼저 스케치하고 작업을 하게되면 효율이 올라가요. 피그마에서는 디자인을 HTML로 바꿔주는 기능이 있어서 프론트 작업할때 유용합니다
+ 대학생이라면 피그마, 노션 둘다 유료 버전을 무료로 업그레이드해서 쓸 수 있어요!
2.VS Code Extension 추천
코드 IDLE로 다양한 툴이있는데 주로 VScode를 사용하게 될거에요 vscode는 다양한 확장 프로그램(vs code extension)을 쓰면 훨씬 효율적이게 쓸 수 있는데 다음과 같은 extension추천 드려요
- Live Server
웹 코드를 수정하고 저장할때 브라우저 새로고침할 필요없이 실시간으로 변경 사항을 보여줘요 (웹 개발하려면 필수입니다!)
-Error Lens
에러 메세지가 터미널 창이아닌 코드 옆에 표시해줘서 어디가 틀렸는지 바로 알 수 있어요
-Prettier
코드를 예쁘게 정렬해줘요 코드가 길어지면 가독성이 정말 중요해져서 프로젝트를 할떄 Prettier 규격을 규칙으로 정하고 하는 경우도 있어요
- Git Graph
깃에 커밋한 내역을 그래프로 시각화해줘요. 커밋이 꼬일때 정말 머리가 아픈데 git graph를 사용하면 어느정도 빠르게 파악할 수 있어요
- ERD Editor
DB의 구조를 표현한 설계도를 ERD라 부르는데 저는 IDLE내부에서 작업하는게 편한것 같더라고요 그래서 추천드립니다!
3. AI 툴 활용법
AI 툴로 코딩하기 먼저, 전체적인 코드 구조(어떤 아키텍처인지, AI한테 물어볼 코드는 어떤 기능이고 Input 과 Output값이 어떤 형식인지 등)을 파악하고 나서 해당 문맥을 바탕으로 코드를 생성 요청하는게 중요해요
요즘 Cursor나 claude mcp같은 code agent 들이 잘 나오지만 비싼 버전을 쓰더라도 코드의 문맥(현실세계에서 해결해야할 문제)는 잘 파악을 못하더라고요
저희는 아직 코드를 공부하는 단계여서 AI를 쓰더라도 다음과 같이 써야 공부가 됩니다!
- 개념이해: "이 프로젝트에서 LangGraph를 사용했는데 LangChain을 사용하지 않고 다음과 같이 사용한 이유가 뭐야? 둘의 장단점을 설명해줘" 처럼 이 코드에서 이런 선택을 한 이유, 각 기술의 장단점 들을 물어볼때 사용하는걸 추천합니다
-코드 리뷰: 쓰레드 풀 관리 혹은 비동기 작업에서 오류 등 다양한 환경을 고려하고, 코드 가독성이나 불필요한 코드, 뒤엉킨 코드 구조든 개선이 필요한데요(리팩토링이라 부를게요) 이런 리팩토링 작업을 혼자 하게되면 놓치게 되는 부분이 많아서 도움 받는걸 추천합니다
-더미 데이터 생성: 개발을 할때 가장 단순하고 반복적인 일이 더미데이터라 생각하는데 이런 작업 꼭 ai한테 시켜야합니다!
이렇게는 쓰는거는 안좋아요
- 단순 과제 제출: 직접 해야 내것이 됩니다
- 복잡한 로직: 복잡한 로직을 내가 정확히 알고 지시해야만 되는데 그렇지 못할 경우 오류가 발생할 확률이 큽니다 ! 이런 경우 전체적인 로직 흐름을 손으로 그려보고 각 파트별 주석을 달아 ~하는 로직 처럼 설명을 해준 후 사용하는게 좋아요
- AI 의존적인 개발하기: 시간낭비라고 생각해요
가장 중요한건 AI도움을 받든 안받든 직접 생각하면서 코드를 작성하는 것 입니다! 처음 시작할때 개발이 막연하고 어렵게 느껴질 수 있는데 그 순간만 지나면 정말 재미있어 질거에요 개발자의 꿈을 가지고 공부하는 여러분 응원합니다!