웹페이지에 이미지를 삽입하거나 영상을 삽입할 수 있도록 도움주는 태그들은 미디어태그라고 합니다. 이 점들에 대하여 오늘의 빡공 6일차 일기를 시작합니다 ! 1) img 태그 다운받은 이미지 또는 가지고 있는 이미지를 프로젝트 폴더 안에 넣고 img 태그 안에 표시해줄 수 있습니다. 또한 다운받지 않고 '이미지 주소 복사하기'를 이용해 표현할 수 있습니다. 외부 서버에서 가져오는 방식인데, 프로젝트 용량이 커지는 것을 방지하기 때문에 실제로도 많이 쓰이는 방식입니다. 오늘의 단축키 팁! - ctrl + d를 누르면 커서 라인에 있는 문장을 그 아래에 그대로 추가해준다. 2) vedio 태그 우리가 가지고 있는 영상을 웹 페이지에 추가해주고 싶을 때 사용하는 태그입니다. 기본적으로 영상 맨 아래에는 영상의 ..
빡공일기 5일차로 오늘 하루를 마무리 합니다! 그럼 지금부터 시작! 1) div와 span의 차이 div와 span 태그는 모두 텍스트, 이미지 등 다양한 태그들을 안에 넣고 묶어줄 때 사용하는데요. 과연 이 태그들의 차이점은 무엇일지 아래 이미지를 보고 판단해봅시다. 1-1) div 태그 div 태그가 잡히는 영역은 화면 가로 영역 100%를 차지하고 있습니다. 이런 태그들을 블록 요소라고 합니다. 1-2) span 태그 span 태그가 잡히는 영역은 오로지 텍스트 등의 크기가 차지하는 영역으로 가로 한 줄 전체를 잡아먹지 않습니다. 이런 태그들을 인라인 요소라고 합니다. 2) 로그인 폼에 들어가는 요소들을 안정적인 구조로 만들기 사실상 로 한 줄을 띄는 것 보다는 css나 인라인, 블록 등의 요소들을..
4일차 빡공일기를 시작합니다! 오늘은 텍스트에 관련한 태그들과 회원가입에 들어갈 법한 태그들을 배웠습니다. 1) html은 기본적으로 띄어쓰기가 되지 않고 가로로 다닥다닥 붙는데요. 태그는 띄어쓰기를 도와주는 태그이기 때문에 요소들을 분리시킬 수 있습니다. hello br태그 2) 텍스트를 강조하는 법 텍스트를 두껍게 강조하거나 이탤리체로 강조하는 등 다양한 글씨체를 구사할 수 있는데요. : 글씨체 두껍게 설정 : 볼트체와 똑같이 반영하나 태그에 의미를 부여하는 시맨틱 태그 : 이탤릭체 hello1 hello2 i tag 3) 입력창과 버튼 웹에 꼭 들어가는 요소인 입력받을 수 있는 공간과 버튼은 아래와 같이 표현한다. 난 버튼이야! 특히 input 태그와 같은 경우는 정말 많은 type에 따라 형태가 ..
여름방학을 맞이하여 인프런에서 강의를 결제해 듣고 있다. 지금 현재 웹 공부를 하고 있는데, 웹 중에서도 Javascript를 배우고 있다. 근데 기록하며 1번 더 공부하고, 다시 공부 할 때 찾아보면 좋을 것 같아 남겨보려한다. 기록은 내가 이해하기 힘들었던 점만 적을 예정이다! 비전공자를 위한 진짜 올인원 개발 클래스 - 인프런 | 강의 왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의입니다. 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!, [ www.inflearn.com 1) var / let / const의 차이점 var : 같은 이름으로 재 선언 가능 let : 같은 이름으로 재 선언 불가능 cons..
오늘은 html 기초 구조과 p태그 / h태그 사용법, 그리고 Live Server 다운까지 해보는 시간을 가졌다. 3일차 빡공일기 지금부터 시작! 1) html의 기본 구조 기본 구조는 VSCode 상에서 를 써주면 자동으로 도출된다. html의 구성요소는 3일차 출석 인증합니다! 3일차 출석 인증합니다! 3일차 출석 인증합니다! 3일차 출석 인증합니다! 4) h태그 h태그는 주제나 제목을 표시할 때 주로 쓰는 태그이다. ~ 6가지의 유형이 있는데, 차이점은 텍스트의 크기이다. h1으로 갈수록 더 큰 사이즈가 나온다. 빡공단 빡공단 빡공단 빡공단 빡공단 빡공단 5) 출석 인증 3일차 출석 인증 방법은“빡공단과 함께 강의 인증샷” 이다. 오늘 배운 html의 p태그와 h태그를 이용해 인증해보았다. 출석 ..
드디어 시작한 빡공단 12기, 크롬 다운부터 VSCode사용법까지 알차게 공부했다. 2일차 빡공일기 지금부터 시작! 1) 크롬 브라우저 다운로드 웹 표준을 잘 준수하고 있는 구글의 crome 브라우저를 설치한다. https://www.google.com/chrome/ Chrome 웹브라우저 더욱 스마트해진 Google로 더 심플하고 안전하고 빠르게. www.google.com 2) VSCode 다운로드 무료 에디터이기 때문에 많이들 설치한다. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite p..
1) 사이트 10757번: 큰 수 A+B 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 2) 문제 덧셈해주면 되는 문제 ^^ 3) 파이썬 코드 num1, num2=input().split() print(int(num1)+int(num2)) 4) c언어 아직~ 쉬워서 재빠르게 풀었던 문제 끝!
1) 사이트 2839번: 설탕 배달 상근이는 요즘 설탕공장에서 설탕을 배달하고 있다. 상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다. 설탕공장에서 만드는 설탕은 봉지에 담겨져 있다. 봉지는 3킬로그 www.acmicpc.net 2) 문제 만약 18킬로를 배달가야한다고 하면, 3kg X 6 보다는 5kg X 3, 3kg X 1 총 4개로 가져가는 것이 더 적은 개수의 봉지를 배달할 수 있는 방법이라는 뜻이다. 글쓴이는 처음에 5씩 빼며 3으로 나누어 떨어지는지 확인했지만, 그 반대로 하는 것이 답을 도출하는 지름길이다. 즉, 11이면 11//5부터 시작해 0까지 역순으로 빼며 3으로 나누어 떨어지는 지 확인하는 방법이다 (11 -> 1 (-10) -> 6 (-5)) 3) 파이썬 코드 ..
