코드그라데이션

https://school.programmers.co.kr/learn/courses/30/lessons/120841 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 사분면은 한 평면을 x축과 y축을 기준으로 나눈 네 부분입니다. 사분면은 아래와 같이 1부터 4까지 번호를 매깁니다. x 좌표와 y 좌표가 모두 양수이면 제1사분면에 속합니다. x 좌표가 음수, y 좌표가 양수이면 제2사분면에 속합니다. x 좌표와 y 좌표가 모두 음수이면 제3사분면에 속합니다. x 좌표가 양수, y 좌표가 음수이면 제4사분면에 속합니다. x 좌표 (x, y)를 차례대..

공배수 https://school.programmers.co.kr/learn/courses/30/lessons/181936 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 정수 number와 n, m이 주어집니다. number가 n의 배수이면서 m의 배수이면 1을 / 아니라면 0을 return하도록 solution 함수를 완성해주세요. 제한 사항 입출력 예 입출력 예 설명 아이디어 number 가 n 보다 크고, n과 m의 대소관계는 모르는 상태이다. 나의 답안 class Solution { public int solution(int number..

문자열을 정수로 변환하기 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 : 숫자로만 이루어진 문자열 n_str이 주어질 때, n_str을 정수로 변환하여 return하도록 solution 함수를 완성해주세요. 제한 사항 입출력 예 입출력 예 설명 아이디어 문자열을 정수로 변환하는 메서드는 Integer.parseInt(); 여기서 독특한 부분은 문자열이 00123이 있다고 치면, 이걸 정수변환했을 때, 앞에 0들은 다 날아가게 구현이 된다. 별도의 예외처리 하지 않아도 된다. 나의 답안 class Solution { public int solu..

1) Client 간 Text 교환 2) Client 간 File 전송

CSS 그리드 레이아웃 용어 플렉스 박스 레이아웃에서는 플렉스 항목을 배치할 때 가로나 세로 중에서 하나를 주축으로 정하고 배치. 반면에 CSS 그리드 레이아웃에서는 그리드 항목을 배치할 때 가로와 세로를 모두 사용한다. 그래서 플렉스 항목은 1차원이고 CSS 그리드 레이아웃은 2차원이라 말함. CSS 그리드 레이아웃은 가로 방향을 가리키는 줄과 세로 방향을 가리키는 컬럼으로 웹 화면을 구성 => 0으로 시작하지 않으며, 일반적인 배열과는 조금 다르다. CSS 그리드 레이아웃 항목을 배치하는 속성 1) display : 그리드 컨테이너를 지정하는 속성 그리드 레이아웃을 지정할 때에는 가장 먼저 그리드를 적용할 요소의 바깥 부분을 그리드 컨테이너로 만들어야 한다. 그리드 컨테이너를 만들 때는 display..

플렉스 박스 레이아웃 용어 플렉스 박스 항목을 배치하는 속성 1) display : 플렉스 컨테이너를 지정하는 속성 플렉스 박스 레이아웃을 만들려면 먼저 웹 콘텐츠를 플렉스 컨테이너로 묶어 주어야 함. 배치할 웹 요소가 있다면 그 요소를 감싸는 부모 요소를 만들고, 그 부모 요소를 플렉스 컨테이너로 만들어야 한다. 이때 특정 요소가 플렉스 컨테이너로 동작하려면 display 속성을 이용해 이 부분에 플렉스 박스 레이아웃을 적용하겠다고 지정해야 한다. 속성값 2) flex-direction : 플렉스 방향을 지정하는 속성 플렉스 컨테이너 안에서 플렉스 항목을 배치하는 주축과 방향을 지정하는 속성. 속성값 예제 1 2 3 1 2 3 1 2 3 1 2 3 실행 결과 3) flex-wrap : 플렉스 항목의 줄..

그리드 레이아웃 반응형 웹 디자인을 사용한 사이트는 화면 너비에 따라 웹 문서의 요소를 재배치해야 함. 재배치하려면 기준이 되는 레이아웃이 필요. 웹 사이트를 여러 개의 칼럼(colunm)으로 나눈 후 메뉴나 본문, 이미지 등의 웹 요소를 화면에 맞게 배치 하는 것. 그리드 레이아웃을 사용하면 화면을 규칙적으로 배열하므로 레이아웃을 일관성 있게 유지할 수 있게 됨. 그리드 레이아웃의 특징 시각적으로 안정된 디자인을 만들 수 있음. 업데이트가 편한 웹 디자인을 구성할 수 있음. 요소를 자유롭게 배치할 수 있음. 만드는 방법 - 기존에 알고 있던 가변 그리드를 CSS의 float 속성으로 사용할 수도 있고, 플렉서블 박스 레이아웃이나 CSS 그리드 레이아웃으로 적용할 수도 있음. 플렉서블 박스 레이아웃 그리..

미디어 쿼리 CSS 모듈. 사이트에 접속하는 장치에 따라 특정한 CSS 스타일을 사용하는 방법 미디어 쿼리를 사용하면 접속하는 기기의 화면 크기에따라 레이아웃이 달라진다. 즉, 사용자가 어떤 미디어를 사용하는가에 따라 사이트의 형태가 바뀌도록 CSS를 작성하 는 방법을 의미. 미디어 쿼리 구문 미디어 쿼리는@media 속성을 사용해 특정 미디어에서 어떤 CSS를 적용할 것인지 지정 미디어 쿼리 구문은 사이에 사용하며 대소 문자를 구별하지 않는다. 미디어 유형의 종류 미디어 쿼리는 미디어별로 적용할 CSS를 따로 작성하므로 @media 속성 다음에 미디어 유형을 알려줘야 한다. @media 속성의 미디어 유형 웹 문서의 가로 너비와 세로 높이 속성 실제 웹 문서 내용이 화면에 나타나는 영역을 뷰포트라고 함..