본문 바로가기

분류 전체보기

(29)
05. CSS 기초 05. CSS 기초 HTML 부모-자식 구조 살펴보기 👉 html 태그는, "누가 누구 안에 있느냐"를 이해하는 것이 가장 중요합니다. 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받지요! 빨간색 div 안에, 초록색/파란색 div가 들어있습니다. 아래와 같은 상황에서 빨간색 div를 가운데로 옮기면, 내용물인 초록/파란 div도 모두 함께 이동하겠죠! 즉, 박스를 옮기면 안의 내용물도 함께 옮겨지는 것과 같은 원리입니다. 같은 원리로, 초록 div의 글씨색을 바꾸면, 나는버튼1의 글씨색도 바뀐답니다! CSS 기초 CSS는 어떻게 사용하나요?mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써줘야 하는 것을 꼭! 기억하세요! 👉 안에 로 공간을 만들어 작성합니..
04. Quiz_간단한 로그인 페이지 만들어보기 04. Quiz_간단한 로그인 페이지 만들어보기 ✍간단한 로그인 페이지 만들기 🔥 앞으로 실습이 필요한 부분이 나오면 "✍"모양으로 알려줄게요! 퀴즈설명 영상을 먼저 보고 → 정해진 시간동안 혼자 한다음 → 함께하기 영상을 보세요! Q. 퀴즈설명 모습 보기 👻 힌트: 위의 HTML기초에서 봤던 코드들을 적절히 조합해보세요! ctrl+c,v 신공을 사용해보세요! A. 함께하기(완성본) [코드스니펫] 로그인HTML 로그인 페이지 ID: PW: 로그인하기 💡 어때요, 할만했나요? 다만 조금씩 다른 방법으로 해결하셨더라도, 다음 강의 진행을 위해 아래 코드를 복사→붙여넣기 해주세요!
03. HTML, CSS 기본 내용 03. HTML, CSS 기본 내용 💡 바탕화면에 sparta 폴더 → frontend 폴더를 만들고 시작할게요! HTML과 CSS의 개념 👉 HTML은 뼈대, CSS는 꾸미기! HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것으로 생각합니다. HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생하게 되었습니다. HTML 코드 내에 CSS 파일을 불러와서 적용합니다. 또한 CSS를 잘 사용할 줄 아는 것과, '예쁘게' 만드는 것은 다른 영역이기 때문에(붓을 잡을 줄 아는 것과 그림을 잘 그릴 줄 아는 것의 차이), 많은 경우 웹디자이너나 퍼블리셔에게 의존하게 됩니다. HTML 기초 👉 HTML은 크게 head와..
02. 필수 프로그램 설치 02. 필수 프로그램 설치 Pycharm Professional 설치 가이드 🔥 현재 PyCharm 최신버전이 오류가 발생하고 있어 구버전 설치를 안내드립니다 PyCharm 구버전 설치하기따라서, 구버전(2021.3)으로 낮춰서 설치하는 것을 권장합니다! [코드스니펫] Pycharm Professional 설치 링크 이용하시는 운영체제를 확인하셔서 맞는 링크를 골라 설치하시면 됩니다! [📌다운로드 링크] Linux(tar.gz) [📌다운로드 링크] Windows(exe) macOS(dmg)mac 화면 왼쪽 위의 애플 아이콘을 눌러 이 mac에 관하여를 클릭해서 확인해주세요! [📌다운로드 링크] macOS(dmg) → 인텔 칩을 사용하시는 mac 사용자 분은 이쪽! [📌다운로드 링크] macOS Apple..
01. prologue : week 1 #01 코딩이 뭐지? 아주 궁금한게 있다. 사람은 사회적 동물인데...나는 그 사회적 동물의 일원이지만 속한 사회가 어디인지 모르고 반평생 넘도록 nomad로 유랑중이다. 참.. 나 같은 소속감 없는 인생도 있으려나.... 난 사실,,,, 누구와도 잘 어울리지 않는 무의 존재로 많은 세월을 고민만하다 지금에 반평생 존재감없는 인생이 되었다... 그런 연유로... 난 여전히 이것 저것 조금씩 관심만 있고 행동에 주저하는 맛보기 인생으로 표류중이다. 그렇지만, 잘 하고도 싶고,, 많은 것을 갖고 싶기도 하고... 또 나를 드러내는 강한 id가 있었으면하는 큰 바램이 아직 내 가슴속에서 라면국물 끓듯 부글부굴 하고 있다. 그게 인지상정 아니겠는가.... 누군가 그랬지... 늦었다고 생각하는 순간이 빠른 선택의 출발이라고... 그래..