본문 바로가기

추천 검색어

실시간 인기 검색어

비전공자의 웹 개발 생존 입문서

HTML부터 SQL까지
김소랑 지음
작가와

2025년 08월 01일 출간

(개의 리뷰)
( 0%의 구매자)
eBook 상품 정보
파일 정보 ePUB (8.62MB)
ISBN 9791142145513
지원기기 교보eBook App, PC e서재, 리더기, 웹뷰어
교보eBook App 듣기(TTS) 가능
TTS 란?
텍스트를 음성으로 읽어주는 기술입니다.
  • 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를 읽을 수 있습니다.
  • 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.

  • sam 무제한 이용가능
  • sam 프리미엄 이용가능

이 상품은 배송되지 않는 디지털 상품이며,
교보eBook앱이나 웹뷰어에서 바로 이용가능합니다.

작품소개

이 상품이 속한 분야

코딩, 처음인데 괜찮을까? 괜찮습니다. 이 책부터 시작하세요.

비전공자, 비개발자, 그리고 ‘처음부터 배우려는’ 모든 사람을 위한 웹 개발 입문서가 나왔습니다.
이 책은 영화와 사운드 디자인을 전공하고 콘텐츠 기획과 제작 실무를 거쳐 개발자의 길에 들어선 저자가, 기술을 ‘창작의 도구’로 받아들이며 차근차근 익혀온 과정을 바탕으로 집필한 실용서입니다.

HTML, CSS, JavaScript를 시작으로 React, Node.js, SQL까지 웹 개발의 핵심 요소를 체계적으로 다루며, 초보자의 눈높이에 맞춘 설명과 실습 중심의 구성으로 학습 흐름을 자연스럽게 이어갑니다. 특히 개념을 구조화하고, 복잡한 내용을 단순하게 풀어내는 방식은 같은 길을 걷고자 하는 입문자들에게 든든한 길잡이가 되어줄 것입니다.

프론트엔드부터 백엔드까지, 웹 개발 전반을 하나의 흐름으로 익히고 싶은 분이라면, 이 책으로 시작해보세요.
기초부터 차근차근. 당신의 첫 웹 개발 여정을 함께합니다.
Chapter 0. 들어가며
• VSCode 설치하기
- 확장 프로그램 설치 (Extensions)

Chapter 1. HTML: 웹의 뼈대
• 기초 태그: 제목, 링크, 이미지
• 문단 구분과 리스트
• 표 (table)
• 폼 (form)
- Input Type
• 시맨틱(Semantic) 태그
• 미디어

Chapter 2. CSS: 웹에 옷 입히기
• 스타일(Style) 적용하기
- style을 적용하는 방법
• 여백 (Margin & Padding)
- margin: 외부 영역 여백 / padding: 내부 영역 여백
- 순서: top, right, bottom, left / top&bottom, left&right
• 요소 배치 & 플렉스 (Flex)
- 실습: Contact 창 만들기
- Flex 응용
• 그리드 (Grid)
- CSS 선택자란?
- 그리드 응용
- Grid 기본값 변경

Chapter 3-1. JavaScript: 기본 및 문법
• node.js 설치
• 시작하기
• 기초 이론
- 데이터 구조 vs 데이터 유형
- 변수 선언
• 원시 타입 (Primitive Type)
- 인스턴스
- 템플릿 리터럴 (Template Literal)
• 비원시 타입 (Non-Primitive Type)
- 래퍼 객체 (Wrapper Object)
- 대괄호 표기법
- 내장 메서드 (날짜)
• 연산자
- 논리 연산자
- 비교 연산자
• 배열
- 인덱스 (Index)
- 내장 메서드
- 전개 연산자
• 조건문
• 반복문
- 반복문의 기본 구조
- 반복문 제어 (break & continue)
• 함수
- 기본 함수
- 화살표 함수 (Arrow function)
- 중첩 함수
• 함수 기초 응용
• 클로저(Closure) 함수
- 클로저와 중첩 함수의 차이
• 프로토타입 (Prototype)
- setPrototypeOf / getPrototypeOf
• 생성자(Constructor) 함수
- 클래스와 생성자 함수
- 생성자 함수와 클래스의 차이
• 메서드 (Method) 활용
- 객체의 메서드와 프로토타입 메서드
- 객체 메서드 응용
- 프로토타입을 활용한 메서드 추가 및 확장
• 상속 (Inheritance)
• 다형성 (Polymorphism)
• 추상화 (Abstraction)
• undefined & null
• 에러 처리

Chapter 3-2. JavaScript로 배우는 DOM 조작
• DOM (Document Object Model)
- 체이닝(Chaining)
• 조작 (Manipulation)
• 삽입 (Insert)
• 제거 (Remove)
• Double Click & Alert
• Event Delegation
• Form Handling
• DOM 로딩 완료 확인
• CSS class Manipulation (Toggle)
• TO DO LIST 만들기

Chapter 4. React: 컴포넌트의 세계
• 개발용 서버 실행 (터미널)
• JSX (JavaScript XML)
• React Basics
• useState

Chapter 5. Node.js: 서버의 시작
• 클라이언트와 서버
• http 요청과 응답
• html 응용
• express
• FileSync
• console창 → ./tasks.json 생성
• Splice
• 정적 서버 구현하기
• 동적 서버 구현하기
• logData (Event Logging)
- “new Date()” & “Date.now()” 비교
• express_router

Chapter 6. SQL과 RDBMS: 데이터 저장하기
• MySQL 설치하기
• 데이터베이스 기초 구성
• 들어가기 전에
• Create ⇒ INSERT INTO
- 다중 데이터 삽입 (MULTI INSERT)
• 데이터 속성 설정
- Null
- Extra (AUTO_INCREMENT)
• Read ⇒ SELECT
- AS (Alias)
• UPDATE
• DELETE
• MySQL 데이터 처리 함수
- CONCAT
- SUBSTRING
- REVERSE
- CHAR_LENGTH
- UPPER / LOWER
- INSERT
- LEFT / RIGHT
- REPEAT
- TRIM
- DISTINCT
• MySQL 데이터 정렬 함수
- ORDER BY
- LIMIT
- Wild Card (%)
• 연산 함수
- COUNT
- GROUP BY
- MAX / MIN
- SUM / AVG
- 연산 함수의 부정
• 조건문
- CASE
- BETWEEN AND
• 데이터 처리
- UNIQUE
- CHECK
- CONSTRAINT
- ALTER
- RENAME
• 데이터 묶기 (JOIN)
- JOIN DATA
- INNER JOIN

Chapter 0. 들어가며,

기술이 세상을 변화시키는 시대에 살아남기 위해서는 '개발'이라는 무기를 장착할 필요가 있다. 하지만 막상 그 길 위에 서보니, 그 여정은 예상보다 험난했다. 수많은 용어와 복잡한 설명이 가득한 웹 개발의 세계는 초심자에게는 마치 높은 벽처럼 느껴졌다. "이걸 어떻게 다 이해하지?"라는 생각에 막막함만 커져갔다.

나 역시 처음에는 HTML과 CSS조차 제대로 구분하지 못했던 '왕초보'였다. 하루를 꼬박 새워 공부한 내용을 다음 날이면 깨끗이 잊어버리고 다시 출발선으로 돌아온 듯한 기분을 수도 없이 경험했다. 하지만 그 과정에서 배운 것은 '복잡한 걸 단순하게 풀어내는 힘'이었다.

그래서 나는 이 책을 썼다. 이 책은 기존의 복잡하고 어렵게 설명된 개발 교재가 아니다. 웹 개발의 첫발을 내딛으려는 초보자가 혼자서도 차근차근 따라가며 이해할 수 있도록 최대한 단순하게, 명확하게, 그리고 솔직하게 정리했다. HTML, CSS, JavaScript부터 React, Node.js, SQL까지, 웹 개발의 모든 것을 하나의 흐름으로 자연스럽게 익힐 수 있도록 구성했다.

이 책은 웹 개발 여정의 시작점이다.
이제, 당신의 여정을 시작해 보자.

작가정보

저자(글) 김소랑

김소랑

저자는 영화와 사운드 디자인을 전공하고, 콘텐츠 기획과 제작 실무를 비롯해 다양한 프로젝트를 경험해왔습니다.
기술을 창작의 도구로 삼고자 개발을 처음부터 배우기 시작했으며,
HTML, CSS, JavaScript, React, Node.js, SQL 등 웹 개발의 기초를 체계적으로 익혔습니다.

비전공자의 시선으로 학습 흐름을 정리하고 개념을 구조화하는 데에 관심이 많으며, 배움의 과정에서 겪은 시행착오와 통찰을 다른 입문자들과 나누기 위해 글을 씁니다. 복잡한 내용을 단순하고 명확하게 전달하는 데에 가치를 두고 있습니다.

이 상품의 총서

Klover리뷰 (0)

Klover리뷰 안내
Klover(Kyobo-lover)는 교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1. 리워드 안내
구매 후 90일 이내에 평점 작성 시 e교환권 100원을 적립해 드립니다.
  • - e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • - 리워드는 5,000원 이상 eBook, 오디오북, 동영상에 한해 다운로드 완료 후 리뷰 작성 시 익일 제공됩니다. (2024년 9월 30일부터 적용)
  • - 리워드는 한 상품에 최초 1회만 제공됩니다.
  • - sam 이용권 구매 상품 / 선물받은 eBook은 리워드 대상에서 제외됩니다.
2. 운영 원칙 안내
Klover리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다. 일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
  • 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
  • 도서와 무관한 내용의 리뷰
  • 인신공격이나 욕설, 비속어, 혐오 발언이 개재된 리뷰
  • 의성어나 의태어 등 내용의 의미가 없는 리뷰

구매 후 리뷰 작성 시, e교환권 100원 적립

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여 주는 교보문고의 새로운 서비스 입니다. 교보eBook 앱에서 도서 열람 후 문장 하이라이트 하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 ‘좋아요’ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보없이 삭제될 수 있습니다.
리워드 안내
  • 구매 후 90일 이내에 문장 수집 등록 시 e교환권 100원을 적립해 드립니다.
  • e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • 리워드는 5,000원 이상 eBook에 한해 다운로드 완료 후 문장수집 등록 시 제공됩니다. (2024년 9월 30일부터 적용)
  • 리워드는 한 상품에 최초 1회만 제공됩니다.
  • sam 이용권 구매 상품 / 선물받은 eBook / 오디오북·동영상 상품/주문취소/환불 시 리워드 대상에서 제외됩니다.

구매 후 문장수집 작성 시, e교환권 100원 적립

    교보eBook 첫 방문을 환영 합니다!

    신규가입 혜택 지급이 완료 되었습니다.

    바로 사용 가능한 교보e캐시 1,000원 (유효기간 7일)
    지금 바로 교보eBook의 다양한 콘텐츠를 이용해 보세요!

    교보e캐시 1,000원
    TOP
    신간 알림 안내
    비전공자의 웹 개발 생존 입문서 웹툰 신간 알림이 신청되었습니다.
    신간 알림 안내
    비전공자의 웹 개발 생존 입문서 웹툰 신간 알림이 취소되었습니다.
    리뷰작성
    • 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
    • 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
    • 콘텐츠 다운로드 또는 바로보기 완료 후 리뷰 작성 시 익일 제공
    감성 태그

    가장 와 닿는 하나의 키워드를 선택해주세요.

    사진 첨부(선택) 0 / 5

    총 5MB 이하로 jpg,jpeg,png 파일만 업로드 가능합니다.

    신고/차단

    신고 사유를 선택해주세요.
    신고 내용은 이용약관 및 정책에 의해 처리됩니다.

    허위 신고일 경우, 신고자의 서비스 활동이 제한될 수
    있으니 유의하시어 신중하게 신고해주세요.


    이 글을 작성한 작성자의 모든 글은 블라인드 처리 됩니다.

    문장수집 작성

    구매 후 90일 이내 작성 시, e교환권 100원 적립

    eBook 문장수집은 웹에서 직접 타이핑 가능하나, 모바일 앱에서 도서를 열람하여 문장을 드래그하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다.

    P.
    비전공자의 웹 개발 생존 입문서
    HTML부터 SQL까지
    저자 모두보기
    저자(글)
    낭독자 모두보기
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 프리미엄 이용권입니다.
    선물하실 sam이용권을 선택하세요.
    결제완료
    e캐시 원 결제 계속 하시겠습니까?
    교보 e캐시 간편 결제
    sam 열람권 선물하기
    • 보유 권수 / 선물할 권수
      0권 / 1
    • 받는사람 이름
      받는사람 휴대전화
    • 구매한 이용권의 대한 잔여권수를 선물할 수 있습니다.
    • 열람권은 1인당 1권씩 선물 가능합니다.
    • 선물한 열람권이 ‘미등록’ 상태일 경우에만 ‘열람권 선물내역’화면에서 선물취소 가능합니다.
    • 선물한 열람권의 등록유효기간은 14일 입니다.
      (상대방이 기한내에 등록하지 않을 경우 소멸됩니다.)
    • 무제한 이용권일 경우 열람권 선물이 불가합니다.
    이 상품의 총서 전체보기
    네이버 책을 통해서 교보eBook 첫 구매 시
    교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 네이버 책을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)
    구글바이액션을 통해서 교보eBook
    첫 구매 시 교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 구글바이액션을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)