본문 바로가기

전체 글

(18)
코드잇 코딩캠프 7기 ( 6/23 ~ ) - 21일 차 공부기록 (웹 퍼블리싱 2. HTML/CSS 핵심개념 - 코딩의 민족) * 코딩의 민족 ↓index.html 냠냠의 민족 넌 냠냠할 때가 제일 이뻐 달콤달달 양념치킨 주머니가 가벼운 당신의 마음까지 생각한 착한 가격! 바로 결제 싱싱 스시 주머니가 가벼운 당신의 마음까지 생각한 착한 가격! 바로 결제 냠냠 햄버거 주머니가 가벼운 당신의 마음까지 생각한 착한 가격! 바로 결제 알록달록 비빔밥 주머니가 가벼운 당신의 마음까지 생각한 착한 가격! 바로 결제 ↓css @font-face { src: url("../fonts/BMJUA_otf.otf"); font-family: BMJUA; } * { box-sizing: border-box; font-family: BMJUA; color: #58595b; } body { background-color: #f0e8d9; } h1 { ..
코드잇 코딩캠프 7기(6/23 ~ ) - 20일 차 공부기록 (웹 퍼블리싱 2.HTML/CSS 핵심개념 - 그랜드 부다페스트 호텔, 로그인 페이지, 썸머 뮤직 페스티벌 (SMF)) * 박스 형태 모든 html 요소는 박스형태 마우스 우클릭 -> 검사 를 누르면 박스 형태를 보여주는 다이어그램 나옴 * border 간단 border: 5px solid red; - 5px의 빨간 테두리를 입힘 브라우저가 각 요소별로 여백을 설정해둬서 여백 O * padding & margin padding - 내용이랑 테두리 사이에 여유를 줌 * padding 설정 방법 (margin도 마찬가지) 일반 padding-top: 50px; padding-right: 65px; padding-bottom: 20px; padding-left: 80px; 시계방향 padding: 50px 65px 20px 80px; 위아래/양 옆 다 똑같 padding: 50px; 위아래 50px / 양 옆 25px로 각각 ..
코드잇 코딩캠프 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을 좋아한다. 앞으로 이 강의를 듣고, 나만의 웹사이트를 만들어볼 계획이다. 코드잇과 함께라면 무엇이든 가능하리라 믿는다. ..
코드잇 코딩캠프 7기 (6/23 ~ ) - 15일 차 공부기록(웹 퍼블리싱 1. HTML) 웹사이트는 HTML, CSS, JavaScript 로 만들어진다. HTML - 웹사이트에 들어갈 내용 담당 CSS - 웹사이트의 스타일 담당 JavaScript - 웹사이트의 인터렉션(상호 작용) HTML 태그 : 내용 구성 : html 문서 맨 위에 가장 먼저! , 웹브라우저에게 html버전을 알려주는 역할 제목 머리말1 : h6 까지 사용가능 문단 : 위 아래에 기본적인 여백 존재 O : 한글 제대로 나오도록 해줌 내용 : 텍스트 굵게 내용 : 텍스트 날려서 ... Phrase Tags : 시각적인 특징뿐만 아니라 의미도 담고 있다 내용 : 텍스트 굵게, 중요하다고 표시하는 게 목적 , 스크린리더 사용 시 글 강조해서 읽음 내용 : 텍스트 날려서, 강조하는 것이 목적
<HTHT 2021 대학생 서포터즈> : HTHT 2021 컨퍼런스 참석 후기 안녕하세요! HTHT 2021 대학생 서포터즈 또밥입니다 :D 사전에 알려드린대로, 지난 6월 29일부터 7월 2일까지 진행되었던 HTHT 컨퍼런스는 성왕리에 마무리 되었습니다. 많은 연사들께서 얼굴을 비춰주셨고 준비에 공을 많이 들었다는 생각이 들 정도로 체계적이었어서 이번 컨퍼런스의 질이 되게 좋다고 느껴졌습니다. 그런만큼 AI ED에 대한 좋은 의견들이 많이 나왔는데요! 컨퍼런스는 대체적으로 어땠는지, 간단하게, 인상깊었던 부분만 소개해보고자 합니다ㅎㅎ Day 1_ 06.29 준비 저는 서포터즈 활동을 하고 있기 때문에 9시 이전에 줌을 통해 컨퍼러스에 미리 참가하고 있었는데요, 프로그램 진행이 어떻게 될지 매우 기대하 며 있었습니다! 이렇게 컨퍼런스를 참여하는 건 처음이라 새롭더라군요ㅎㅎ 개막식 ..
코드잇 코딩캠프 7기 ( 6/23 ~ ) - 7일 차 벌써 일주일이 지났다! 많이 배우고 싶어서 부지런히 했는데ㅎㅎㅎ ☝ 컴퓨터개론 수료증 코딩이란 무엇인지, 컴퓨터는 어떻게 운영되고 있는건지에 대해 알려주던 개념 코스. ✌ 프로그래밍 기초 in Python 파이썬을 처음 접하는 사람을 위한 단순한 코스인줄 알았는데 잊고 있었던, 잘 몰랐던 개념을 많이 알게된 코스. 👌 Python 중급 총 2개의 토픽인데 하나는 끝냈고 하나는 아직 출시가 안됐다.. 그래서 그런지 수료증을 주지않아 아쉬움이 크다 힝🥺 그래도 무사히 잘 끝냈다! 심화된 파이썬, 즉 프로그램을 만들 수 있는 제대로 된 파이썬을 알려주던 코스. -------------- 다음은 뭘 들을까 고민하는 중인데.. 컴공코스보다는 데이터에 관심이 더 커서 아마 그걸 할 것 같다! 아자아자~~~
코드잇 코딩캠프 7기 (6/23 ~ ) - 4일 차 (+ 문제 ) DAY 3. 아파서 하루 쉬었다 어휴 DAY 4. 프로그래밍과 데이터 in Python과 파이썬 응용하기 두 코스를 진행하였다. ▽ 다시 봐야할 문제들 문제 1. greetings 리스트의 원소들을 출력하는 프로그램 작성하기 greetings = ["안녕", "니하오", "곤니찌와", "올라", "싸와디캅", "헬로", "봉주르"] greetings = ["안녕", "니하오", "곤니찌와", "올라", "싸와디캅", "헬로", "봉주르"] i = 0 while i 섭씨온도 def fahrenheit_to_calsius(fa..