본문 바로가기

서포터즈

(4)
코드잇 코딩캠프 7기 ( 6/23 ~ ) - 23일 차 공부기록 (웹 퍼블리싱 2. HTML/CSS 핵심개념 - CSS 최적화) * CSS 우선순위 - 상속 ( 태그에는 color 속성이 상속 X , 태그가 억지로 상속을 받아오기 위해서는 해당 속성에 inherit ) Let's go to google! Let's go to google! .div1 { color: green; } .div2 { color: orange; } .div2 a { color: inherit; } *CSS 우선순위 - 명시도 Link 1 Link 1 Link 1 Link 1 ul li:first-child #link { color: green; } ul li:first-child a { color: orange; } * CSS 최적화 ↓html HTML CSS JAVASCRIPT PYTHON JAVA ↓CSS h2 { padding: 20px; font..
코드잇 코딩캠프 7기(6/23 ~ ) - 18일 차 공부기록 (웹 퍼블리싱 1. HTML/CSS 시작하기 - 여행사이트) 요소 - 요소 묶어줌 요소 스타일링 시, 를 해주고 하면 됨 background-color: #eee; - 배경색 border-radius: 20px; - 모서리 둥글게 margin-bottom: 50px; - 아래 여백 padding: 50px;- 내용들이 테두리에 붙어서 너무 갑갑한 느낌이 들면 여유를 주기위해서 씀 width: 500px; - 가로길이 margin-left: auto; margin-right: auto; - 이 두개는 가운데 정렬 title 을 꾸며주려면, title이 movie 안에 있는 클래스니까, .movie .title {스타일링} 해주면 됨 프로그래밍을 할 땐 반복적인 코드는 피하는 게 좋은데 css 코드가 겹치는 경우에는, 폴더 이름 css 파일은 styles.css 그리..
코드잇 코딩캠프 7기 (6/23 ~ ) - 16일 차 공부기록 (웹 퍼블리싱 1.HTML/CSS 시작하기 - 텍스트 꾸미기 연습, 듀엣 가요제, 노래 브리지 ) CSS 기본 문법을 쓰려면 태그를 써줘야함 font-size: 64px; -> 글자 크기 text-align: center; -> 텍스트 정렬(align), center right left margin-top: 100px; -> 여백(margin), top bottom left right color: lime; -> 텍스트 색깔 태그에 있는 텍스트 꾸밀려면 -> p i { font-size: 64px; } 이런 식으로 어디에 속해있는 i 인지 말해줘야함 1. 텍스트 꾸미기 연습 Codeit 내 첫 HTML 프로젝트 이름: 이윤수 이메일: yoonsoo@codeit.kr 나는 HTML을 좋아한다. 앞으로 이 강의를 듣고, 나만의 웹사이트를 만들어볼 계획이다. 코드잇과 함께라면 무엇이든 가능하리라 믿는다. ..
<HTHT 2021 대학생 서포터즈> : HTHT 2021 컨퍼런스 - High Touch High Tech AI.ED 안녕하세요! HTHT 2021 대학생 서포터즈로 활동 중인 또밥 입니다 :) 이번에 COVID-19로 인해 발생했던, 교육 학력 격차를 해소하기 위한 HTHT 2021 컨퍼런스가 개최될 예정인데요, HTHT와 AI ED가 생소하게 느껴지시는 분들을 위해! 그리고 어려운 컨퍼런스가 아닌 흥미있는 주제로 진행된다는 점을! 이해하기 쉽게 알려드리고자, 이렇게 글을 써보고자 합니다. 그럼 천천히 알아볼까요? 1. 행사 목적 ? 이번 HTHT 2021 컨퍼런스는 HTHT생태계의 다양한 구성원들이 한 자리에 모여, COVID-19에 의해 격화된 교육 격차를 해소하기 위한 AIEd 활용 방안을 협동적으로 심의하기 위해 개최되었습니다. 특히, 에드테크 기업들과 교육 기관들의 적극적인 참여로! HTHT 교육의 리더들과 ..