듀의 자료저장소

배열 String[ ] classGroup = {"미미","비비","디디"} 배열 (Array): 연관된 정보를 그룹핑하는 용도이다. 클래스그룹이라는 변수에 하나의 데이터가 아닌, 여러 개의 데이터를 담아야할 때 사용! → 관련 데이터들을 하나의 변수에 담아서 관리가 쉬워진다. 변수: 하나의 데이터만 저장 배열: 여러 개의 데이터를 저장하기 위한 것 (=관련 데이터만 모아서 관리하기 위해 쓰는 데이터 타입(data type)) 변수의 역할 프로그램 내에 존재하는 데이터들은 대부분 변수에 저장된다. **변수에는 하나의 데이터만 들어간다. ex) String a ="food" → a라는 그릇에 "food"라는 내용물을 담고 있는 셈이다. 예시(변수/상수/배열) -학급의 반장(=변수) : 특정 역할을 수행하는..

IT 공부/자바(Java) 2021. 10. 26. 15:13

오늘은 자바(java)언어로 for문과 while문의 차이점을 알아보려고 한다. 둘다 반복문인데 상황마다 어떤 걸 써야하는지를 중점으로 알아보려고 한다. 아주 기본적이지만 자주 쓰이는 개념인만큼 몸에 익힐 때까지 공부해보려 한다. 1. for문의 형식 for(초기식, 조건식, 변화식) 같은 반복문이지만 한 줄에 다 들어간다. 초기식과 조건식이 다 돌고, 그 다음 변화식이 돌아간다. 2. while문의 형식 초기식 while(조건식) (변화식) 초기식은 따로 빼고, 조건식만 와일문 바로 옆에 붙으며 변화식이 빠져나와있다. -반복된 문장들이 초기식-조건식-변화식을 거쳐 한 줄씩 출력된다. 둘 다 같은 초기식/조건식/변화식이다. 결과도 같게 출력된다. 3. for문과 while문의 차이점 형식에서의 차이점뿐만..

IT 공부/자바(Java) 2021. 10. 12. 17:16

홈페이지 제작 2번째 단계! 저번에 만든 html 구조에 css를 입힌다. 이번에 할 것은 css의 값을 초기화해주는 과정! css.reset이라고 검색하면, 다른 리셋 형식도 나온다. [글씨체 설정] @charset "utf-8"; 인코딩시 한국어가 깨지지 않게 하는용도 @import url (' 구글 폰트 '); 구글 폰트사이트에 들어가서, url을 복사한 후 import 해오면 된다. **'베바스'와 '노토산스' 2가지 폰트 추가!! [설정 초기화] *{ margin: 0; padding: 0; } 기본적으로 하나의 document에는 하나의 doctype이 있다. 그 기본세팅된 doctype에는 margin과 padding이 기본적으로 세팅되어 있다. 이걸 지우기 위해서, 전체를 css.reset..

IT 공부/프로젝트(project, 부트캠프 및 협업) 2021. 10. 5. 14:53

정올 연산자 형성평가 1 연산자 관련 부분은 Scanner(입력)을 사용해서 푸는 문제 풀이들이 많았다. 평균이랑 총 합계 구하는 거부터 시작! sum과 avg 변수를 만들어서, 각각 식을 저장해주면 된다. → 출력에 sum, avg만 넣으면 훨씬 식이 간단해진다. 정올 연산자 형성평가 2 역시나 위와 같은 원리로 입력받을 정수와 공식을 넣어줄 변수를 선언해준다. scanner로 a,b를 선언해준 다음 int quo(몫) int rem(나머지)에 각각 몫을 구하는 공식, 나머지 구하는 공식을 집어넣어준다. 정올 연산자 형성평가3 변수 (가로, 세로)를 입력받는다. a,b int width= (a+5); int length=(b*2); int area=(width*length); 가로, 세로에 각각 조건을..

IT 공부/알고리즘(Algorithm) 2021. 10. 2. 14:34

CSS 패딩(padding)과 마진(margin)의 차이는 다음과 같다. padding은 object 공간 내부의 여백 margin은 object 공간 외부의 여백을 의미한다. *테두리 (border)를 기준으로 하기 때문에 이걸로 내부와 외부를 판단하면 된다. 마진은 블락요소(div)에만 먹히고, 인라인 요소인 에는 먹히지 않는다. margin은 오브젝트 바깥의 주변 공간을 추가하고, padding은 요소 내부에 빈 공간을 만든다. 마진(margin)과 패딩을 쓰는 방법에는 총 2가지가 있다. 1. 세부 지정해서 쓰는 법 margin-right: 10%; margin-top: 10px; padding-left: 5px; 이런 식으로 방향을 일일이 다 써서 쓰는 방법이 있다. **양수 값으로 쓰면 : 요..

IT 공부/프론트엔드(Front-end) 2021. 9. 30. 13:59

518. 정올 연산자 - 자가진단 1 Scanner와 nexInt, 그리고 합계(sum) 과 평균 (avg) 변수를 사용하면 쉽게 풀 수 있는 문제다. 1. int a, b, c 세 개의 정수를 선언하고, scanner로 입력받는다. 2. 합계는 셋 다 더하면 되니까 sum= a+b+c; 평균은 sum(합계)을 n만큼 나누면 되니까 avg = sum/3; → 출력 예시와 완전히 동일한 형식으로 출력해야 하기 때문에, System.out.println("sum" + " : " + sum); 이런 식으로 써주면 된다. 519. 정올 연산자 - 자가진단 2 역시나 scanner 개념으로 입력을 불러오고, number1 / number2 변수에 조건식을 저장해주면 해결 가능하다. a, b 두 개의 정수를 입력받..

IT 공부/알고리즘(Algorithm) 2021. 9. 27. 19:09

오늘은 크롬 확장프로그램을 설치해서 컬러피커(Color picker)를 쓰는 방법을 포스팅해보려 한다. 웹사이트 내에서 내가 원하는 색상추출을 하고 싶을 때 유용한 방법이다. 클론코딩할때 완전히 똑같은 색깔을 찾을 수도 있다. 포토샵의 스포이드 기능이랑 동일한데, 웹사이트 내에서 간단한 클릭 한 번으로 내가 원하는 색상번호를 찾아준다. 먼저 크롬 웹 스토어에 들어가서 컬러피커 (color picker)를 검색을 해준다. 들어가서 보니까 굉장히 유용한 기능이 많다. 크롬 확장프로그램을 사용하면 브라우저 내에서 간단한 연동으로, 편리한 기능들을 쓸 수 있다. 영어 문법을 체크해주는 검사기라던가, 정보를 스크랩해 저장해줄 수 있는 프로그램 사용이 가능하다. https://chrome.google.com/web..

IT 공부/프론트엔드(Front-end) 2021. 9. 26. 20:45

오늘은 CSS overflow 속성의 모든 것을 정리해보려 한다. CSS overflow의 예제 html코드다. 기타 css를 설정해주고, 각 p 마다, overflow 속성을 각각 부여해본다. ▼ 아래와 같은 화면이 나오면 성공! CSS overflow 너무 커서 영역을 벗어나는 콘텐츠를 제어하는 수단 visible , hidden, scroll , auto 총 4가지 종류가 있다. ▶ 보통 hidden과 auto를 많이 쓴다. 1. overflow: visible; 오버플로우란 쉽게 말해서 상자를 만들어주는 거라고 보면 됩니다. 이 영역밖으로 나가면, 그에 따른 조치를 취해주는 겁니다. visible은 그냥 그대로 두는 것으로, 넘치면 콘텐츠가 잘리지 않고 상자 밖으로 보입니다. 2. hidden; ..

IT 공부/프론트엔드(Front-end) 2021. 9. 16. 13:06