일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 그럼에도 불구하고
- github
- @media
- CSS
- git
- 자바문제풀이
- node.js
- max-width
- 그럼에도불구하고
- webpack
- react
- JavaScript
- cleancode
- redux
- node
- media query
- Servlet
- react-router-dom
- TypeScript
- JS
- java
- HTML
- 자바
- 프론트엔드
- 반응형 페이지
- 코드업
- 변수
- frontend
- 코딩테스트
- coding
- Today
- Total
목록분류 전체보기 (302)
그럼에도 불구하고
css란? cascading style sheet로 html 문서를 꾸미기 위해 사용한다. 한글은 아름다운 글입니다. 한글은 아름다운 글입니다. 한글은 아름다운 글입니다. 한글은 아름다운 글입니다. 한글은 아름다운 글입니다. 한글은 아름다운 글입니다. 한글은 아름다운 글입니다. 한글은 아름다운 글입니다. STRIKE DELETE css를 이용하기 위해서는 title 태그 바로 아래에 와 같이 적고 사용하면 된다. 내가 사용하고 싶은 태그의 이름을 적거나 id class와 같이 이름을 지정해서 사용할 수 있다. h1 { 내용 } : h1 태그 전체에 내용을 적용시킨다. h1:nth-chid {?} { 내용 } : h1중 부모(여기서는 body)를 기준으로 ? 번째 h1태그만 내용을 적용시킨다. h1:nth..
html에서는 목록을 작성하고 싶을 때 사용할 수 있는 태그가 있다. ol: ordered list ul: unordered list dl: definition list 순서가 있는 목록 html css javascript react 순서가 없는 목록 유튜브 운동 프로그래밍 정의형 목록 html Hyper Text Markup Language Html 요소는 정의 목록 요소()에서 앞선 용어()에 대한 설명, 정의, 또는 값을 제공한다. css Cascading Style Sheet ol은 순서가 있어서 li태그에 작성된 내용이 차례대로 숫자가 붙어서 나온다. ul 태그는 순서가 없기 때문에 li태그에 작성된 내용에 번호가 붙어서 나오지 않는다. dl 태그는 정의하고 싶은 내용을 dt태그에 작성하고 그 ..
HTML에서는 태그를 사용하여 이미지를 넣을 수 있다. 이미지 삽입 그림을 다운로드 하여 사이트 만들 준비 img : inline 속성을 가지고 있고, block 속성도 가지고 있다. inline-block : 줄 바꾸지 않고 너비, 높이, 정렬이 가능하도록 한다. 너비의 비율에 맞추어 높이도 자동 설정 너비, 높이 지정시 단위 px는 생략 ( % 단위도 쓸 수 있음 -> 부모 너비, 높이의 단위 기준 px를 제외한 나머지는 생략 불가 -> css로 지정하여 디자인 ) 웹에서 사용할 수 있는 이미지 확장자 : png, jpg(배경 투명 지정 불가), gif, webp png 16bit, 24bit로 처리 자동으로 줄바꿈 가능 너비, 높이, 정렬 가능 블록 > 인라인 img 태그는 와 같이 작성하고 사용하..
태그에는 인라인 속성의 태그와 블록 속성의 태그가 있다. 인라인 속성의 태그의 중첩 inline속성의 태그는 inline 태그 또는 block 속성의 태그 안에 중첩시킬 수 있다. 꼬임 현상 없이 나중에 열린 태그를 먼저 닫아줘야 한다. html태그상 실행이 잘 되므로 오류를 인식하지 못하는데 오류다. 청춘의 평화스러운 광야에서 모래2뿐일 뿐이다. 곳이 못할 청춘은 보이는 아니다. 곳이 거친 힘차게 사막이다. 품었기 그들은 그들은 사라지지 이것이다. 풀이 튼튼하며, 하는 대중을 넣는 그들의 위하여서 칼이다. 옷을 피고 이상을 생명을 군영과 이것이다. 새가 동산에는 넣는 그것은 쓸쓸한 불어 있는가? 없는 귀는 황금시대를 찬미를 대고, 산야에 어디 가진 것이다. 피고, 창공에 품었기 작고 이상이 갑 것이다...
html을 사용하면서 문자를 꾸밀 수 있는 여러 가지 태그들이 있다. 처음 사용해본 태그들을 기록해 볼 것이다. 문자꾸미기 Lorem ipsum dolor sit amet consectetur adipisicing elit2. Porro animi tempora, quibusdam libero voluptatem veritatis provident illum velit, maxime, quos amet perspiciatis cupiditate. Similique tempore ducimus quaerat, aut sunt asperiores? HTML 李貞賢 이정현 같으며, 반짝이는 미묘한 우리 싶이 만천하의 이상은 품에2 끝까지 아름다우냐? 덧말 이성은 불러 꾸며 꽃 뼈 인생에 싸인 생생ººº하며, ..
6081번 16진수(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F)를 배운 영일이는 16진수끼리 곱하는 16진수 구구단? 에 대해서 궁금해졌다. A, B, C, D, E, F 중 하나가 입력될 때, 1부터 F까지 곱한 16진수 구구단의 내용을 출력해보자. (단, A ~ F 까지만 입력된다.) 예시 ... print('%X'%n, '*%X'% i, '=%X'%(n*i), sep='') ... 참고 print('%X'%n) #n에 저장되어있는 값을 16진수(hexadecimal) 형태로 출력 작은따옴표 2개를 사용해서 print(..., sep='')으로 출력하면, 공백 없이 모두 붙여 출력된다. 작은따옴표 2개 '' 또는 큰 따옴표 2개 ""는 아무 문자도 없는 빈 문..
6080번 1부터 n까지, 1부터 m까지 숫자가 적힌 서로 다른 주사위 2개를 던졌을 때, 나올 수 있는 모든 경우를 출력해보자. 예시 ... for i in range(1, n+1) : for j in range(1, m+1) : print(i, j) ... 참고 위 코드는 바깥쪽의 i 값이 1부터 n까지 순서대로 바뀌는 각각의 동안에 안쪽의 j 값이 다시 1부터 m까지 변하며 출력되는 코드이다. 조건 선택 실행구조 안에 다른 조건 선택 실행구조를 넣어 처리할 수 있는 것과 마찬가지로 반복 실행구조 안에 다른 반복 실행구조를 넣어 처리할 수 있다. 원하는 형태로 실행 구조를 결합하거나 중첩시킬 수 있다. 입력 서로 다른 주사위 2개의 면의 개수 n, m이 공백을 두고 입력된다. 단, n, m은 10이하..
6079번 체감 난이도: ★☆☆☆☆ 1, 2, 3... 을 계속 더해 나갈 때, 그 합이 입력한 정수(0 ~ 1000) 보다 같거나 작을 때까지만 계속 더하는 프로그램을 작성해보자. 즉, 1부터 n까지 정수를 계속 더해 나간다고 할 때, 어디까지 더해야 입력한 수보다 같거나 커지는 지를 알아보고자 하는 문제이다. 입력 정수 1개가 입력된다. 출력 1, 2, 3, 4, 5 ... 를 순서대로 계속 더해 합을 만들어가다가, 입력된 정수와 같거나 커졌을 때, 마지막에 더한 정수를 출력한다. 입력 예시 55 출력 예시 10 Scanner로 값을 입력받아 num이라는 변수에 저장한다. while을 통해 반복하고 조건문을 만족시키면 종료된다. if (num 1000) { System.out.println("잘못된 ..
6078번 영문 소문자 'q'가 입력될 때까지 입력한 문자를 계속 출력하는 프로그램을 작성해보자. 체감 난이도 : ★☆☆☆☆ Scanner로 값을 입력받는다. 입력받은 값은 answer 변수에 저장한다. while문을 통해 반복하고 특정 조건을 만족할 때 if문 안에 있는 break로 반복문을 빠져나온다. if(answer.equals("q")) { break; } answer.equals("q") 입력받은 answer값이 'q'와 같으면 반복문을 빠져나온다.
코드 업이라는 사이트에 들어가면 기초 100제를 풀 수 있다. c언어 기초 100제와 파이썬 기초 100제가 있는데 파이썬 기초 100제를 자바로 풀어볼 것이다. https://codeup.kr/problemsetsol.php?psid=33 문제집 / Python 기초 100제 codeup.kr 여기서 6077번부터 6098번까지의 문제를 풀어서 리뷰할 예정이다. 6077번 정수(1 ~ 100) 1개를 입력받아 1부터 그 수까지 짝수의 합을 구해보자. 체감 난이도 : ★☆☆☆☆ Scanner로 값을 입력받는다. 입력받은 값은 num라는 변수에 저장된다. 첫 번째 조건문에서 num이 1보다 작고 100보다 크다면 "잘못 입력하셨습니다."를 출력하고 다시 입력을 받는다. 첫 번째 조건문이 거짓일 경우 for..
삼항 연산자 삼항 연산자란 항이 세 개인 연산자를 말한다. 조건식의 참/거짓 여부에 따라서 각각 다른 결과를 반환한다. 예시 조건 ? 항목1 : 항목2 조건: 참과 거짓으로 구분할 수 있는 비교 연산, 논리 연산 등을 말한다. 항목 1: 조건이 참인 경우 실행할 연산이나 함수를 말한다. 항목 2: 조건이 거짓인 경우 실행할 연산이나 함수를 말한다. 만약, 조건식의 결과가 true라면 문장 1이 실행되고, 조건식의 결과가 false라면 문장 2를 실행하는 것이다. 예제 문제 1 a에 10이 들어있고, b에 5가 들어있을 때 boolean 타입의 c라는 변수를 만들고 비교한다. ++a > b? true : false; 1. a의 값에 10이 저장되어 있다. 2. a에 전위형 증감 연산자 ++로 인해 값이 1..
형 변환이란 말 그대로 변수나 상수의 데이터 타입을 다른 타입으로 바꾸는 것을 말한다. 형 변환에는 자동 형변환(Promotion Casting)과 명시적 형 변환 (Demotion Casting)이 있다. 자동 형변환(Promotion Casting) 자동 형변환이란, 프로그램 작성자가 별도의 작업을 하지 않아도 자바가 알아서 알맞은 타입으로 변환해주는 형 변환이다. 자동 형변환이 이루어지기 위해서는 조건이 있다. 큰 자료형에 작은 자료형이 대입돼야 한다는 것이다. 데이터 타입이 double로 지정된 변수 d 에는 100.5라는 값이 들어있다. 데이터 타입이 int로 지정된 변수 n에는 200이라는 값이 들어있다. 여기서 double로 지정된 d라는 변수는 8byte의 메모리 저장공간을 갖고 있으며, ..