본문 바로가기

코드잇

(9)
코드잇 코딩캠프 7기 (6/23 ~ ) - 28일 차 공부기록 (웹 퍼블리싱 2. HTML/CSS 핵심개념 - 신문광고, 그리드 연습) *float margin 을 써주면 텍스트와 이미지가 너무 가까울 때 간격을 줄 수 있다. *신문광고 ↓html 4차 산업혁명의 시대, 소프트웨어 교육은 필수 코드잇 강영훈 대표 '소프트웨어 강국되려면 컴퓨터적 사고방식 필요해' "누구나 프로그래밍을 배워야한다. 사고하는 방법을 가르쳐주기 때문이다." 故 스티브잡스 애플 창업자가 했던 말이다. 소프트웨어는 4차 산업혁명의 흐름이다. 인공지능, IoT, 빅데이터, 3D프린팅, 가상 현실, 증강현실 등 모두 소프트웨어와 긴밀한 연관성을 갖고 있는 분야이다. 미래의 흐름에 발맞춰 정부는 2018년부터 초, 중, 고등학교에서 소프트웨어 교육을 전면 실시할 계획이다. 이에 앞서 지난해와 올해 미래부, 교육부에서 900개의 연구기관 및 선도학교를 정해 교육하고 있다..
코드잇 코딩캠프 7기 (6/23 ~ ) - 27일 차 공부기록 (웹 퍼블리싱 2. HTML/CSS 핵심개념 - 해변의 몽숭이, 명언, 우표 붙이기) * position position: static; - 기본형, 원래 있어야할 위치 position: relative; top: 30px; 원래 있어야할 자리 위에 30px 간격이 있게끔 함 *margin과 position의 차이점 margin - 문장 다같이 이동하는 느낌 position - 레이아웃 효과를 주는 것처럼 position한 문장만 따로 수정되게끔 함 * 해변의 몽숭이 ↓html ↓css img { display: block; margin: 0 auto; } .mongsoong { position: relative; bottom: 100px; left: 200px; } ↓실행결과 https://bakey-api.codeit.kr/web/enrollments/60e42be122ff6d2ddf..
코드잇 코딩캠프 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 ~ ) - 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 ~ ) - 7일 차 벌써 일주일이 지났다! 많이 배우고 싶어서 부지런히 했는데ㅎㅎㅎ ☝ 컴퓨터개론 수료증 코딩이란 무엇인지, 컴퓨터는 어떻게 운영되고 있는건지에 대해 알려주던 개념 코스. ✌ 프로그래밍 기초 in Python 파이썬을 처음 접하는 사람을 위한 단순한 코스인줄 알았는데 잊고 있었던, 잘 몰랐던 개념을 많이 알게된 코스. 👌 Python 중급 총 2개의 토픽인데 하나는 끝냈고 하나는 아직 출시가 안됐다.. 그래서 그런지 수료증을 주지않아 아쉬움이 크다 힝🥺 그래도 무사히 잘 끝냈다! 심화된 파이썬, 즉 프로그램을 만들 수 있는 제대로 된 파이썬을 알려주던 코스. -------------- 다음은 뭘 들을까 고민하는 중인데.. 컴공코스보다는 데이터에 관심이 더 커서 아마 그걸 할 것 같다! 아자아자~~~
코드잇 코딩캠프 7기 (6/23 ~ ) - 4일 차 (+ 문제 ) DAY 3. 아파서 하루 쉬었다 어휴 DAY 4. 프로그래밍과 데이터 in Python과 파이썬 응용하기 두 코스를 진행하였다. ▽ 다시 봐야할 문제들 문제 1. greetings 리스트의 원소들을 출력하는 프로그램 작성하기 greetings = ["안녕", "니하오", "곤니찌와", "올라", "싸와디캅", "헬로", "봉주르"] greetings = ["안녕", "니하오", "곤니찌와", "올라", "싸와디캅", "헬로", "봉주르"] i = 0 while i < len(greetings) : print(greetings[i]) i += 1 출력 결과 문제 2. 화씨 온도(ºF)를 섭씨 온도(ºC)로 바꿔주는 프로그램 만들기 #화씨온도 -> 섭씨온도 def fahrenheit_to_calsius(fa..