전체 글

Java 기초 문법 정리[자료형]

자료형이란? 프로그래밍을 할 때 사용하는 숫자, 문자열 등의 다양한 데이터 형태를 식별하는 분류 프로그램의 가장 기본이자 핵심적인 단위 변수를 어떻게 사용할 것인지 컴파일러나 인터프리터에 알려주기 위한 변수의 속성 데이터에 대해 수행할 수 있는 작업과 저장할 수 있는 값 유형을 정의 자료형의 구분 기본 자료형 (primitive data type) : 프로그램이 실행될 때 인식할 수 있도록 이미 컴파일러에 하드코딩 되어 있음. ex) int, float 등 객체 자료형 (non-primitive data type) : 사용자가 정의한 특수 유형의 데이터, 프로그램에 해당 정의가 포함 ex) String, 배열, 클래스, 인터페이스 등 정수 자료형 소수 부분이 없고 음숫값을 허용하는 숫자 유형 기본 값 저..

Java 기초 문법 정리[변수]

변수란?! 컴퓨터 프로그램이 처리할 데이터를 저장하는 저장 위치 변수 생성 규칙 자료형 변수명 = 값 int num = 20; 영문자(대,소문자), 숫자, 밑줄(_),달러 기호($)로만 구성 가능 숫자로 시작할 수 없음 공백을 포함할 수 없음 자바에서 미리 정의된 키워드를 변수명으로 사용할 수 없음 변수의 유형 지역 변수 (local variable) : 메서드 내부에 선언된 변수 정적 변수 (static variable) : static 키워드로 정의된 클래스 변수 인스턴스 변수 (instance variable) : 클래스 내부에 정의되지만 메서드 내부에는 선언되지 않는 변수 자바에서 상수 선언하기 상수란?! 변수와 마찬가지로 데이터를 저장할 수 있는 메모리 공간 실행 되는 동안 메모리에 저장된 데이..

[CSS] 박스 가운데 정렬 방법

웹 페이지를 구성하다 보면 가운데 정렬을 해야할 때가 오는데요! 저도 많이 해맸었고, 쉽게 이해하고 사용할 수 있도록 정리를 해보려고 합니다! 가로 가운데 정렬 하기 1. margin 사용하기 이 방법을 사용하려면 정렬하려는 요소의 넓이를 반드시!! 꼭! 지정해 줘야합니다. 그렇지 않으면 가운데 정렬이 되지 않아요 블럭 요소의 경우 요소의 넓이가 최대한 넓어지려는 특성이 있습니다. .box{ widht: 200px; height: 200px; margin: 0 auto; } 2. absolute 사용하기 absolute는 위치 상 부모요소의 기준으로 배치가 됩니다. 꼭 위치 상 부모요소를 확인 해줘야합니다. 주의! 부모 요소의 position의 값이 반드시 relative일 필요는 없습니다. .paren..

[JS] classList 메소드

element.classList.add(String) 클래스 값 추가 추가하려는 클래스가 이미 존재한다면 무시 테스트 const el = documnet.querySelector('div'); el.classList.add('orange'); 테스트 element.classList.remove(String) 클래스 값 제거 존재하지 않는 클래스를 제거하더라도 에러 발생 안함 테스트 const el = documnet.querySelector('div'); el.classList.remove('orange'); 테스트 element.classList.toggle(String) 클래스 값 토글 클래스가 존재하면 제거하고 false 반환 클래스가 존재하지 않으면 추가하고 true반환 두번째 인수가 있을 때 -..

[CSS] background 관련 정리

https://amenable-isthmus-d92.notion.site/CSS-Background_23-02-20-c7b69e1ed1d14d34aa2a0d859cda2f81 CSS / Background_23.02.20 background-color amenable-isthmus-d92.notion.site css background 관련해서 공부한 내용을 정리 한 것입니다.

웹 접근성을 생각한 radio button style custom

아직 그림판 만들기 3을 제대로 작성하지 않아 추가를 해야하지만, css로 작업한 작업물이 웹 접근성을 떨어트리는 것이 있어 그것을 수정하려고 합니다. 웹 접근성이란? 고령자, 장애인 등과 같이 정보 소외 계층이 비장애인과 동등하게 원하는 정보를 자유롭게 접근하고 이용할수 있도록 보장하는 것 모든 것은 키보드로 접근이 가능해야 한다를 지키지 못했더라구요. 그래서 그 부분을 수정하려고 합니다. 제가 지키지 못한 대부분의 이유는 display를 none으로 설정 했기 때문입니다. 그럼 수정한 코드를 보여드리겠습니다! 브러쉬 모양 / O ㅁ 지우개 페인팅 초기화 #brush-zone{ list-style-type: none; margin: 25px 0 0 0; padding: 0; display: flex; ..

[프로그래머스] 2차원으로 만들기

문제는 아래 링크입니다. 문제 설명 정수 배열 num_list와 정수 n이 매개변수로 주어집니다. num_list를 다음 설명과 같이 2차원 배열로 바꿔 return하도록 solution 함수를 완성해주세요. num_list가 [1, 2, 3, 4, 5, 6, 7, 8] 로 길이가 8이고 n이 2이므로 num_list를 2 * 4 배열로 다음과 같이 변경합니다. 2차원으로 바꿀 때에는 num_list의 원소들을 앞에서부터 n개씩 나눠 2차원 배열로 변경합니다. num_listnresult [1, 2, 3, 4, 5, 6, 7, 8] 2 [[1, 2], [3, 4], [5, 6], [7, 8]] 제한사항 num_list의 길이는 n의 배 수개입니다. 0 ≤ num_list의 길이 ≤ 150 2 ≤ n

[Vue 2]캘린더 만들기

직접 라이브러리를 사용하지 않고, 캘린더를 제작해보려고 합니다. 직접 만들어보면서 게시글을 작성중입니다. 그래서..아직 css나 접근성 부분에서 많이 모자라요! 조금이나마 도움이 되었으면 좋겠습니다. {{ index }} {{ childIndex }} {{ childIndex }} 이부분을 보시면 두개의 for문이 다르죠?! 그 이유는 days의 index의 내용이 string, number가 아니기 때문인데요. vue의 key값은 string,number여야합니다. key값으로 index를 사용하기위해 한번 더 감싸줬습니다! 이제 주말을 표시해주려고 하는데요. 문제가 생겼습니다. 마지막 주의 경우는 공백을 추가해주지 않았었는데요. tr td:first-chi..