[Deep Dive] CSS 기초 개념 완전 정복(3) - CSS 색을 표현하는 방법
·
☁️ 구름 x 카카오 Deep Dive 풀스택
CSS에서 색을 표현하는 방법들에 대해 알아보겠습니다.    색을 표현하는 방법?1. 색 이름Ex. black, red, blue, ...  2. RGB값RGB는 색상을 측정하는 보다 정확한 방법이다. 모든 색상을 빨강(R), 초록(G). 파랑(B)의 조합을 사용해서 만든다. RGB의 특징?RGB 숫자의 값은 0부터 255따지 표현할 수 있다. (0~255)Ex. rgb(0, 150, 255)Ex. rgb(0, 0, 0) => 검은색 Ex. rgb(255, 255, 255) => 흰  3. Hex값RGB를 작성하는 또 다른 방법 Ex. #0096FF Hax값의 특징?Hax의 모든 각 문자는 16진수로 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F (16개의 가능한 값..
[HTML] <div> 태그의 모든 것 - 중첩 <div>
·
☁️ 구름 x 카카오 Deep Dive 풀스택/html, css
코드 리뷰 시간을 가지다가 태그를 중첩으로 여러개 쓰는 게 좋지 않은 코드라는 말을 들었다.그래서 언제 태그를 써야 옳바른지, 태그를 중첩으로 쓰지 않으려면 어떻게 해야하는지 알아봤다.    태그란 무엇일까? 태그는 Division의 약자로 body 문서 안에서 각 영역의 세션을 구분, 정의 한다.=> 구역을 나누는 태그. 가로줄 전체를 다 차지한다. 이 말은 너비(width)가 100%인 것과 같다. 좀 더 쉽게 얘기하자면 태그는 특정 콘텐츠를 그룹화하거나 레이아웃을 구성할 때 사용되는 기본 블록 요소로, 시맨틱적인 의미는 없다. 즉, 레이아웃(Layout) 구조 틀을 만들고 CSS를 통해 위치 및 레이어(Layer)를 구분하는 등 HTML 요소의 컨테이너 역할을 한다.      태그의 주요 특..
[Deep Dive] CSS 기초 개념 완전 정복(2) - CSS 기본 속성
·
☁️ 구름 x 카카오 Deep Dive 풀스택
오늘은 자주 사용하는 CSS 기본 속성들에 대해 포스팅하려고 해요.  예시 코드는 내부 스타일 시트를 사용했습니다. 1. 백그라운드 색 지정- 색 이름: white, blue, black- rgb값: rgb(10. 150, 255)- Hax값: #FFFA00 2. 텍스트 색 지정- 색 이름: white, blue, black- rgb값: rgb(10. 150, 255)- Hax값: #FFFA00 3. 높이 지정- 픽셀 값: 50px- 퍼센티지: 100% 4. 너비 지정- 픽셀 값: 50px- 퍼센티지: 100% 5. border 제거 6. 모서리 둥글게 7. 요소 위로 마우스를 가져갈 때마우스 커서를 변경 8. 테두리 색상 설정 9 테두리 스타일 설정- dotted- dashed- solid 테두리 너비..
[Deep Dive] CSS 기초 개념 완전 정복(1) - CSS란?
·
☁️ 구름 x 카카오 Deep Dive 풀스택
오늘은 CSS에 대해 알아보는 시간을 갖겠습니다.  CSS(Cascading Style Sheet)란 무엇인가?CSS는 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. ex) 스타일, 레이아웃 등. - MDN웹 사이트에서 화면에 표시되는 정보들을 꾸며주는 역할 즉, html은 문장의 구조를 만들고 css는 문장을 브라우저에 어떻게 보여줄지 지정하는 언어 이렇게 하여 구조와 디자인이 분리되었습니다.   📝 CSS를 사용하는 방법은?1. HTML 안에서 Style 속성을 이용 (인라인 스타일)=> 태그 안에 스타일 속성을 주고 속성값을 넣어주는 방법   2. 태그를 통해 HTML 문서 내부에서 이용 (내부 스타일 시트)=> 태그 안에 태그를 넣어주고 타입으로 "text/css" 속성값을 주는 방..
[GitHub] Organizations 팀 프로젝트를 내 Repositories로 가져오기
·
Etc
취업 준비를 하다가 이전에 했던 프로젝트들이 모두 Organizations에 남아 있어내 프로필에서 보이지 않는다는 걸 발견했다. 이를 해결하기 위한 여정   Fork 기능으로 내 개인 레포지토리로 프로젝트를 복사할 수 있는데 문제는...레포지토리 한 개만 가져올 수 있다는 것이다.. 아래 사진을 보다시피 해당 팀 프로젝트는 레포지토리가 4개이다.   1. 모노레포(Monorepo) 방식으로 통합하기2. Git Submodule 사용하기 나의 경우 하나로 통합해서 Fork 하는 게 목적이기에 2번 방식을 택했다.    📝 새로운 Repositories 생성    📝 로컬에서 레포지토리 클론* 아래의 모든 명령어는 git bash에서 치셔야 합니다bashgit clone https://github.co..
[SQLD] 문자 함수 예제 모음
·
SQLD
함수가 안 외워져서 노랭이 푸는데 버벅거리는 상황 ^-^잊어버리지 않으려고 아예 문자열 함수 예제만 찾아서 풀음.    대소문자 변환 함수 - UPPER, LOWER   UPPER - 문자열을 대문자로 SELECT UPPER('Hello')FROM DUAL; SELECT UPPER('sqld')FROM DUAL;SELECT UPPER('hello world')FROM DUAL;SELECT UPPER('database')FROM DUAL;SELECT UPPER('sql developer')FROM DUAL;SELECT UPPER('data analysis')FROM DUAL;SELECT UPPER('welcome')FROM DUAL;SELECT UPPER('substring')FROM DUAL;SELECT..
프로그래머스 0단계 편지 (Java 자바)
·
카테고리 없음
프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr        전체 코드class Solution { public int solution(String message) { int answer = 0; answer = message.length() * 2; return answer; }}
프로그래머스 0단계 분수의 덧셈 (Java 자바)
·
💻 코딩테스트/programmers
풀이분수의 덧셈 과정을 코드로 변환하는 것과 같다. 조건이 기약분수일 경우 최대공약수를 구하는 것을 기억할 것. 분모와 분자 중 어떤 게 더 큰 값인지 알 수 없으므로 && 연산자를 사용하여 max 값을 찾는다. max를 찾으면 최대공약수를 업데이트 하고 약분을 한다. 그 값을 배열에 넣으면 끝. 원래는 맨 위에 있던 int[] answer = { }; 를 아래쪽으로 옮겼다. 1. 분수의 덧셈을 위해 통분한다. 통분 결과를 저장할 변수 numer, denom을 생성한다.int numer = numer1 * denom2 + numer2 * denom1;int denom = denom1 * denom2;  2. 최대공약수를 구한다 for (int i=1; i  3. 약분한다.numer = numer/max;..