프론트 엔드 기본 학습 추천 course
안녕하세요 js, ts 혹은 프론트 엔드 영역의 기본을 다져 보고 싶다. 맛보기라도 제대로된 맛보기 코스가 필요한 분들께 추천할만한 코스를 제안해 봅니다. okky 에 올라온글들중 오늘만 해도 뭘 더 공부하면 좋나요 프론트 엔드 추천해주세요 그런 질문 많이 보이는데 아래 정도면 그래도 기초 단계의 프론트 엔드 학습에 충분히 도움이 되리라 생각합니다. 아래 코스로 학습 하신뒤 저의 tm2024 에도 참여해 주시면 감사하겠습니다.
1. js 기초
www.inflearn.com/course/코드팩토리-자바스크립트-풀코스
2. next js + supabase
www.inflearn.com/course/supabase-next-시작하기
3. next js + tailwind + supabase 으로 당근 마켓 만들기
http://13.209.211.181:3000/Note/RoadMap/14/TechNoteListForRoadMap
tm2024 오픈 소스 프로젝트
https://github.com/hyunsokstar/backend-for-tm2024
https://github.com/hyunsokstar/frontend-for-tm2024
tm2024 기능 업데이트
todo 관리, 웹 스킬 공동 문서, 개발 팀 배틀, 채팅(supabase 로 간단하게 구현, 회원 가입 및 로그인 필요)
장점:
1. 노트 정리에 북마크와 좋아요가 있어서 사용자들이 어디까지 노트 정리를 활용 하고 있는지 바로 파악 가능) 즉 지식 공유에 유리
2. 노트 분류가 체계적임 ( 로드맵의 하위 테크 노트 테크 노트의 하위 스킬 노트 스킬 노트의 하위 스킬 노트 콘텐트), 노트 내용, 페이지별 order 조절 드래그앤 드롭으로 가능
3. 웹 스킬 (팀 프로젝트 단위의 문서화)
4. 개발 배틀 (팀 단위의 프로젝트 공모전 형식의 대결 및 채팅 기능)
5. tm2024 는 nest js + next js 로 만들어진 프로젝트이고 tanstack query, redux-toolkit 등 많이 쓰이는 라이브러리 활용한 프로젝트라 실무에도 활용 가능한 코드들
이후 추가 개발 필요한 목록:
ai 활용 관련 노트 정리,
ai 활용 관련 기능 추가,
개발 학습 관련 roadmap 추천 기능,
ui 개발 관련 노트 정리,
각종 게시판,
업무 관리 기능등 주요 기능에 대한 테스트
devops 관련 기능 추가 및 문서화
기능 업데이트 관련 페이지
소셜 로그인
테스트 코드
지저분하거나 가독성 떨어지는 코드 리팩토링
그리고 okky 의 개발 고수님들도 tm2024 에 참여해주실분 안계신가여? 코드 품질은 어때 보이는지 참여할만한 가치가 있어 보이는지 평가해주시면 감사하겠습니다.
그리고 오픈 소스 프로젝트화 하려면
1. 개발 환경 및 설치 방법
2. 프로젝트 구조 및 주요 코드
3. api 문서
4. 시연 연상 및 문서
5. 어느 정도 사용자수 커버 할수 있는 ec2 로드 밸런서 및 각종 옵션 파악 및 문서화
이정도는 필요 하겠죠?