키워드와 실습으로 읽는 웹 프론트엔드 기초개념 총정리 대시보드

입문자를 위해 준비한
[네트워크, 프론트엔드] 강의입니다.

웹 개발 입문자를 위한 나침반, 당신이 웹 프론트엔드에 대해 모르는 것을 발견하고 체계적으로 나아가기 위한 가이드 강의입니다.

ChatGPT와 함께 공부하는
크롬 개발자 도구 ⚒️

이론부터 실습까지 단 1시간! 📌

Chrome 개발자 도구는 웹 개발자들이 웹 페이지를 디버깅하고 분석하는 데 유용한 도구입니다. 이 강의에서는 웹의 전반적인 개념과 웹 페이지의 제작, 그리고 웹 애플리케이션의 동작 원리를 학습할 수 있습니다. 웹, 웹페이지, 네트워크, 웹브라우저, 웹 애플리케이션과 같은 기초 개념들을 체계적으로 학습합니다.

이 개발자 도구 강의는 조금 다른 방식으로 진행됩니다. 키워드 기반으로 ChatGPT와 함께할 거거든요. 이론으로 배운 게 실제로 어떻게 작동하는지 확인하면서 웹의 세계에 성공적으로 발을 딛어 보세요.

학습 내용 📚

• 웹의 개념: 웹이란 무엇인가, 웹의 역사와 발전
• 웹페이지: 웹페이지의 구조와 동작 원리
• 네트워크: 웹페이지가 사용자에게 어떻게 전달되는지, 기본적인 네트워크 원리
• 웹브라우저: 웹페이지를 어떻게 해석하고 표시하는지에 대한 웹브라우저의 역할
• 웹 애플리케이션: 서버와 클라이언트 간의 상호작용과 웹 애플리케이션의 동작 원리

이런 분들께 추천해요 🙆‍♀️

웹에 관한 다양한 개념을 배우고 싶은 초보자

프론트엔드 기본 지식을 갖고 싶은 백엔드 개발자

개발팀과 소통해야 하는 디자이너 또는 기획자

예상 질문 🧐

수강 전 참고 사항 📢

실습 환경

• 운영 체제 및 버전(OS): Windows 혹은 macOS 
• 사용 도구: 크롬 브라우저 개발자도구 및 Chat-GPT

선수 지식 및 유의사항

• 웹을 공부하고 싶은 모두를 위해 어떤 걸 더 깊게 공부해야 할지를 찾기 위한 강의이므로 선수 지식은 없습니다.
  • 다만 모르는 키워드가 나오면 그냥 지나치시기보다는 스스로 찾아보시기를 바랍니다.
• 개발 초심자가 기초지식을 채우는 도구로 Chat-GPT만 한 게 없다고 생각합니다.
  • 다만 Chat-GPT는 부정확한 내용이 있을 수 있으니 공식 문서와 크로스체크하는 것이 좋습니다.

지식공유자 소개 ✒️

현재 8년 차 웹 풀스택 개발자로 일하고 있어요.

• 동료 개발자들이 효율적이고 안정적인 서비스를 만들 수 있는 환경을 구축합니다.
• Typescript, Javascript, React, Next.js, Node.js, GraphQL, ESLint 등 광범위한 범위를 다루고 있습니다.

프론트엔드 개발자 멘토로 여러 번 활동했어요.

• 👨‍👩‍👧‍👦 프로그래머스 FE 데브코스 1기
• ⛳ 카우치코딩 6주 포트폴리오 완성 9기~12기
• ⛺ 네이버 커넥트재단 부스트캠프 7기

또한 프론트엔드 개발자를 위한 강의도 만들었습니다.

• 🪄 코드스테이츠 교육 콘텐츠 제작
  • 중급 개발자를 위한 UI 라이브러리 개발 (React Library Cloning)

그리고 실무에서 배운 지식들을 계속 공유하고 있습니다.

• 인스타그램 : https://www.instagram.com/ronpark.dev
• Velog : https://velog.io/@ron

이런 분들께 추천드려요!