Web,FrontEnd (10) 썸네일형 리스트형 [패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 26 회차 미션 패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(26) 파이썬 웹개발 올인원 패키지 26 일차 후기 겸 학습기록 입니다. Git, Github - git: 작업디렉터리, 스테이징 영역, 저장소 Git 초기 설정 windows에서는 git bash 사용 git config --global user.name "my name" git config --global user.email "email@example.com" git config --global -l 작업 디렉터리 : 현재 편집 중인 파일이 저장되는 영역 (working directory) 임시 구역 : 저장소에 저장할 변경사항을 임시적으로 보관 (staging area) 저장소 : 지금 까지 모든 변겨오딘 작업내역이 영구히 저장 (.git) 작업 디렉터.. [패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 25 회차 미션 패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(25) 파이썬 웹개발 올인원 패키지 25 일차 후기 겸 학습기록 입니다. HTML, CSS - main side-content 마크업 마크업 구조! div.side-content div.container-side-cta a.cta side-cta, a.more div.infos latest-news h2.infos-title article.news-article h3.new-title a p.news-desc p.news-meta span, time div.infos get-involved h2.infos-title dl.list-community-title dd.community-desc dt dd a.more HTML, CSS - main side-con.. [패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 24 회차 미션 패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(24) 파이썬 웹개발 올인원 패키지 24 일차 후기 겸 학습기록 입니다. HTML, CSS - main main-content 마크업 요소 >> Stay in the loop 요소 >> Subscribe to one of our mailing lists to stay up to date with everything in the Django community 요소 >> Using Django, Contributing to Django 요소 >> Enter email mailing-desc 클래스 >> Get help with Django . . . . [전체 레이아웃] div.main-content h2.main-title p.main-desc div.mail.. [패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 22 회차 미션 패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(22) 파이썬 웹개발 올인원 패키지 22 일차 후기 겸 학습기록 입니다. 오늘은 HTML, CSS 에서 CSS Reset, Normalize.css, 그리고 웹사이트의 기본 구조 및 header 마크업에 대해서 공부해보았습니다. HTML, CSS - CSS Reset vs Normalize.css 브라우저 마다 제공하는 User-agent 스타일이 있습니다. 브라우저 마다 일관된 스타일을 제공하는 것은 아닙니다. 따라서 모든 브라우저에서 일관된 스타일을 제공하기위해 CSS Restet을 사용합니다. CSS Normalize라는 기능도 있습니다. 유용한 브라우저의 기본값을 보존 하며, 스타일을 Normalize합니다. https://necolas.github... [패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 21 회차 미션 패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(21) 파이썬 웹개발 올인원 패키지 21 일차 후기 겸 학습기록 입니다. 벌써 파이썬 인강 패스트캠퍼스 파이썬 웹개발 올인원 패키지 수강 3주차까지 완료했네요. 시간이 참 빠르면서도 그동안 알차게 공부한 것 같아 보람이 있습니다. 오늘은 지난시간에 이어 CSS 셀렉터 등을 공부하였습니다. 그리고 본격적인 실습에 앞서 필요한 사항들을 몇가지 알아보았는데요. 제 학습 기록 확인해 보세요. CSS - 셀렉터, 상속, 캐스케이딩 클래스 셀렉터 : . 뒤에 클래스명을 지정하여 사용 > 클래스는 한 문서에 여러개가 있을 수 있으므로 해당 클래스 요소들을 한번에 css 속성 적용할 수 있기 때문에 편리합니다. .class-name { color: red; } 태그 셀렉터.. [패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 20 회차 미션 패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(20) 파이썬 웹개발 올인원 패키지 20 일차 후기 겸 학습기록 입니다. 오늘은 CSS 속성 중 font 즉, 글씨에 관련된 부분, 배경색에 관련된 부분에 대해 알아보았고. boxmodel 개념이 무엇인지 배웠습니다. 항상 헷갈리던 부분인데 이번 기회로 확실히 개념을 잡을 수 있었습니다. 그리고 요소의 float 속성과 position에 대해서 배워보았는데요, 좀 더 자세히 알아 볼까요? HTML, CSS - Font, Background font-family 속성 font-family: Arial, Georgia, "Times New Roman", serif; - font-family는 상속이 됩니다. 따라서 부모 요소에 적용하면 자식 요소에도 적용되지만 .. [패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 19 회차 미션 패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(19) 파이썬 웹개발 올인원 패키지 19 일차 후기 겸 학습기록 입니다. 우선 본격적인 실습에 앞서서 실습을 할 수 있는 툴 코드펜에 대해 배웠습니다. 그리고 코드펜을 활용해서 텍스트와 하이퍼링크, div, span, block, inline 의 개념에 대해서 학습하였습니다. 자세한 내용은 아래에 기록으로 남겨 두겠습니다! Front End 실습 준비 기초적인 내용을 배우고 실습할때는 codepen 을 사용하는 것이 좋습니다. https://codepen.io CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS.. [패스트캠퍼스 수강 후기] 파이썬 인강 자기계발 챌린지 18 회차 미션 패스트캠퍼스 파이썬 웹개발 올인원 패키지 후기(18) 파이썬 웹개발 올인원 패키지 18 일차 후기 겸 학습기록 입니다. 오늘부터 본격적인 프론트엔드 공부를 시작하게 된 것 같아요. 프론트엔드 3총사 HTML, CSS, Javascript에 대하여 간략하게 알아보았습니다. 제 학습기록을 살펴 보시죠! HTML HTML은 여는 태그와 닫는 태그로 되어 있다. 컨텐트 영역은 실제로 화면에 표시되는 영역 여는 태그와 닫는 태그 사이에 있다. 태그를 포함한 영역을 요소(element)라고 합니다. 닫는 태그가 없는 경우도 있다.(예 : img 태그) 이런 태그를 빈 요소 라고 합니다. 속성(attribute)은 요소의 성질을 정의하는 명세.(이미지 파일 경로, 대체 텍스트와 같이 추가 정보 제공) HTML 의 역.. 이전 1 2 다음
