Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
개발 · 프로그래밍

/

웹 개발

웹 개발의 기본

웹 개발에 필수적인 기본 개념과 원리를 실습을 통해서 학습합니다.

(5.0) 수강평 1개

수강생 15명

  • 우제근
이론 실습 모두
todo앱
아키텍처
웹앱HTML/CSSJavaScriptDOM

이런 걸 배울 수 있어요

  • 웹의 작동 원리

  • 클라이언트 측 언어 기본 개념 및 주요 기능

  • 간단한 동적 웹페이지 구현

강의 소개

웹 개발 기초 과정 입니다.

  • 변수, 조건문, 함수, 객체, 메서드 등 프로그래밍의 기초는 알고 있으나 웹 개발 경험이 없는 분들을 대상으로 구성된 강의 입니다.


  • HTML/CSS, JavaScript 기초 문법 지식이 필요 합니다.


  • 웹앱 개발의 기본을 다지는 실습을 진행 합니다.


이런 내용을 배워요

섹션2. 웹의 작동 원리

웹 브라우저와 웹 서버가 각각 어떻게 작동 하는지 설명합니다. 브라우저의 개발자 도구를 사용해서 네트워크 통신과 렌더링 기능을 확인해 보는 실습을 진행합니다. 그리고, 대표적인 웹 서버인 Nginx를 설치하고 로컬 서버를 구동하는 실습도 진행합니다.

웹 브라우저의 작동 방식

섹션3. 클라이언트 측 언어

프론트엔드 개발에 필수적인 언어인 HTML, CSS, JavaScript의 기본 개념과 주요 기능에 관해서 학습합니다. 과일 설명 웹페이지를 구현하는 실습을 통해서 CSS의 기본적인 스타일 속성과 Flexbox 레이아웃 기능을 학습합니다.

과일 설명 웹페이지 구현

섹션4. 동적 웹페이지 구현

HTML, CSS로 만든 간단한 To-Do 리스트 웹페이지에 JavaScript를 사용해서 DOM 조작, 이벤트 처리 등 동적 기능을 추가하는 실습을 진행합니다. 빈 화면에서 시작해 에디터에 코드를 한 줄씩 입력하고, 각 줄의 의미를 자세히 설명함으로써 수강생들이 동적 웹페이지 구현의 기본 개념과 원리를 이해할 수 있도록 실습을 구성했습니다.

To-Do 리스트 웹페이지 구현

수강 전 참고 사항

실습 환경

  • 운영 체제 및 버전(OS): Windows, macOS, Linux 등

  • 사용 도구: 크롬(무료), Nginx 최신 버전(무료), Notepad++(무료)


학습 자료

  • HTML, CSS, JavaScript 소스 코드 파일

  • Notepad++(권장), 메모장 등 에디터에서 편집 가능

선수 지식 및 유의사항

  • 선수지식: HTML, CSS, JavaScript 기초 문법

  • 변수, 함수, 조건문, 객체, 메서드 등 프로그래밍의 기초는 알고 있으나 웹 개발 경험이 없는 분

  • 기본 개념과 원리 설명 후 실습을 진행합니다.

  • 학습 관련 질문은 인프런 웹사이트를 통해서 할 수 있습니다.


이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 웹 개발 입문자

선수 지식,
필요할까요?

  • HTML, CSS, JavaScript 기초 문법

안녕하세요
입니다.

안녕하세요

인프런 지식공유자 우제근 입니다.

저는 IT 스타트업 크림슨앰버의 대표 입니다.

저의 IT관련 지식과 실무 경험을 여러분들과 공유하고자 합니다!

 

감사합니다.

우제근 | LinkedIn

 

커리큘럼

전체

8개 ∙ (1시간 56분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

1개

5.0

1개의 수강평

  • withjung228784님의 프로필 이미지
    withjung228784

    수강평 1

    평균 평점 5.0

    5

    63% 수강 후 작성

    Tôi là một sinh viên đã tham gia khóa học đầy đủ tại học viện. Vì tôi đang học khóa học full-stack trong một khoảng thời gian ngắn nên có rất nhiều khóa đào tạo nhồi nhét. Sau khi hoàn thành khóa học, tôi đã đi phỏng vấn nhưng rào cản xin việc rất cao do tôi không có trình độ kỹ thuật cũng như hiểu biết về chuyên môn kỹ thuật. Nhận thấy mình còn thiếu sót, tôi đã đăng ký tham gia khóa học vì nó thu hút sự chú ý của tôi khi tôi đang tìm kiếm một khóa học. Khi tôi tham gia khóa học, rõ ràng đó là khóa học tôi đã học ở học viện, nhưng vì nó bao gồm kiến ​​thức về các câu hỏi được hỏi trong các cuộc phỏng vấn nên tôi nghĩ rằng tôi đã học chi tiết về khóa học này từ lâu rồi. Tôi biết rằng kỹ năng kỹ thuật rất quan trọng trong ngành CNTT, nhưng tôi nghĩ hiểu biết về công nghệ cũng thực sự quan trọng hơn là học kỹ năng qua quá trình nhồi nhét như AI. Cảm ơn bạn đã làm một video bài giảng rất hay. -Người tìm việc đã thử CNTT ở độ tuổi 30-

    월 ₩95,516

    5개월 할부 시

    ₩22,000

    비슷한 강의

    같은 분야의 다른 강의를 만나보세요!