" 지금부터 프론트엔드 월드 여행을 시작 합니다."
Your Roadmap
Graphic tool training
UI디자인에 필요한 기본 그래픽 툴 사용방법을 트레이닝 합니다.
https://lshjju.tistory.com/833
Graphic tool index
index https://lshjju.tistory.com/636 GTQi indexGTQi 로 공부하는 일러스트 매뉴얼 입니다.GTQi Illust Test specifications시험 요강 입니다.정확하게 확인하기 바랍니다.https://license.kpc.or.kr/nasec/qlfint/qlfint/selectGtqinfom
lshjju.tistory.com
Tech interview trainiing
기술면접에 필요한 CS 지식을 트레이닝 합니다.
https://lshjju.tistory.com/836
CS
코딩에 필요한 키워드를 카테고리로 정리 했습니다.이 내용을 숙지 한다면 기술면접 준비도 덤으로 할 수 있습니다.도움 되기를 바랍니다.웹 표준 및 핵심 기술HTML5 / CSS3: HTML5는 웹의 구조와 콘
lshjju.tistory.com
HTML Grammar
HTML 문법을 마스터하는 과정입니다.
https://lshjju.tistory.com/707
Do it! HTML 웹 표준의 정석
IndexAbout Webhttps://lshjju.tistory.com/608 About WebKeyword overviewWeb StandardWeb AccessibilityThe Code CardWeb Standardhttps://lshjju.tistory.com/802 Web Standard웹 표준: 모두를 위한 약속웹이라는 광활한 정보의 바다에서 우리
lshjju.tistory.com
CSS Grammar
CSS 문법을 마스터하는 과정입니다.
https://lshjju.tistory.com/708
Do it! CSS 웹 표준의 정석
INDEXCSS basichttps://lshjju.tistory.com/613 CSS basicKeyword overview000The Code CardCSS스타일시트를 사용하는 이유스타일 규칙 작성 방법스타일 주석 표기 방법CSS 코드 경량화https://lshjju.tistory.com/770 Types of styes she
lshjju.tistory.com
RWD UI project
반응형 웹 프로젝트를 진행 합니다.
https://lshjju.tistory.com/101
UI Design project index
반응형웹 코딩 로드맵UI Design 은 결국 반응형웹 코딩으로 완성 됩니다.이 강의는 프론트엔드 반응형 프로젝트 코딩을 위한 로드맵 입니다. 아래 순서대로 프로젝트를 연습하면 UI 디자인을 위한
lshjju.tistory.com
Figma tool training
피그마 툴 기본 사용방법을 트레이닝 합니다.
https://lshjju.tistory.com/626
피그마-실전프로젝트강의
필자가 만든 피그마로 뱅크앱 만드는 강의입니다.이 동영상 강의의 장점은 딱 두가지입니다. 하나, 최단 시간에 하나의 프로젝트를 뚝딱 만들어 볼 수 있습니다. 둘, 강의 만든 사람이 바로 앞에
lshjju.tistory.com
Java Script Grammar
Java Script 문법을 마스터하는 과정입니다.
https://lshjju.tistory.com/194
Do it! 자바스크립트 웹 표준의 정석
JavaScript 문법 강의를 시작 합니다. 반갑습니다! 자바스크립트라는 흥미진진한 세계에 발을 들여놓으신 여러분을 진심으로 환영합니다. 이 블로그의 첫 페이지를 넘기기 전, 여러분이 배우게 될
lshjju.tistory.com
Vanilla-JS Project
Vanilla JS로 유아이 미니 프로젝트를 진행 합니다.
https://lshjju.tistory.com/669
Vanilla Javascript project index
간단한 프로젝트로 바닐라 자바스크립트를 습득 합니다.Vanilla-JS-modal https://codepen.io/lshjju/pen/popWdKN material-js-modal-improvement...codepen.ioVanilla-JS-typo https://codepen.io/lshjju/pen/QWLqmQo material-js-typo...codepen.
lshjju.tistory.com
React or Vue project
React or Vue 실무형 프로젝트 트레이닝
https://lshjju.tistory.com/110
생활코딩! React 리액트 프로그래밍 index
Copyright본 강의는 이고잉 [생활코딩! React 리액트 프로그래밍 ] 책에 대한 해설입니다.그러므로 현재 카테고리 [ 생활코딩! React 리액트 프로그래밍 ] 의 교재에 포함 된 코드와 내용에 대한 저작권
lshjju.tistory.com
AI Vibe Coding
실무에서 활용 가능한 AI Vibe Coding 트레이닝 합니다.
Final Presentation
면접에서 진행 될 포트폴리오 피티를 준비하는 스텝입니다.
인터뷰를 대비한 프리젠테이션을 준비 합니다.
피티 동영상도 같이 준비한다면 베스트 입니다.
Brand New Day
모든 로드맵을 마친것을 축하합니다.
이제 새로운 프로젝트를 준비합니다.
그동안 공부한 것을 바탕으로 취업의 방향성을 정합니다.
그리고 포트폴리오를 어떤 방향으로 업그레이드할 지 결정 합니다.
그리고 취업할때까지 계속해서 한걸음씩 더 나아갑니다.
'Index' 카테고리의 다른 글
| Do it! CSS 웹 표준의 정석 (0) | 2026.02.12 |
|---|---|
| Do it! HTML 웹 표준의 정석 (0) | 2026.02.12 |
| Vanilla Javascript project index (0) | 2025.12.10 |
| GTQ index (0) | 2025.11.25 |
| GTQi index (0) | 2025.11.25 |