Tiny Bunny

본문 바로가기

💡Language64

[JS] 속성 선택하기 - .value / .innerHTML / .textContent 비교 자바스크립트에서 어떤 태그나 속성을 선택해줄때에는document에서 해당 태그에 접근할때 .value를 붙여주거나, .innerHTML을 붙여 불러오곤한다. 이 둘의 차이에 대해 정리해보자. 1. value vs. textContent & innerHTML: 닫힘 태그의 유무 value는 뒤에 (닫히는태그)가 오는 태그에는 사용할 수 없다.뒤에 닫힌태그가 없는 경우에는 value를 사용하여 값을 변경할 수 있으며,만약 닫힌 태그가 있는 경우에는 textContent와 innerHTML을 사용해서 바꿀 수 있다. 위에 html 에서 .value로 불러온 부분은 태그로, 닫힘 태그가 없는 것을 확인할 수 있다.반면에, .innerHTML로 불러온 부분은 태그로 닫힘 태그로 마무리되는 것을.. 2024. 8. 6.

[HTML] <pre> <p> 태그 차이 / <div><span> 태그 차이 HTMl 내부에서 텍스트를 입력하는데 사용되는 태그에는 가장 흔하게 .. / / 등이 있다. 태그와 태그의 차이에 대해 정리해보자! 태그띄어쓰기가 최대 1개까지만 적용된다. 연속으로 띄어쓰기해도 적용되지 않는다.줄바꿈은 태그 외에는 적용되지않는다. 태그vs code에서 작성한 연속된 띄어쓰기와 줄바꿈이 그대로 적용된다.거대한 문단을 적을때, 따라서 많은 줄바꿈과 띄어쓰기가 발생하는 경우 사용하는 것이 좋다. 태그주로 단순 텍스트와 텍스트와 관련된 범위를 감쌀때 사용함태그 자체에 의미가 없긷문에 style을 위한 시각적인 장식용태그로 사용하기에 적합하다.태그는 인라인 요소이기때문에, 컨텐츠의 너비만큼 사이즈가 책정된다. -> 따라서 컨텐츠가 없는 경우 안보임. 태그레이아웃(블록, 구획).. 2024. 8. 2.

[WEB/CSS] CSS 단위 | 미디어쿼리 저번에 웹 홈페이지만들면서 반응형 웹에 대한 정리의 필요성을 느꼈는데,이번에 CSS 미디어쿼리를 정리하는 김에 덧붙여 정리해보려고한다 . CSS 단위 절대적 단위상대적 단위pxemcmremmmvw vh % px: 가장 흔하게 사용했던 px은 container 크기가 변경돼도 그대로 고정된 값으로 유지되어, 반응하지않는다.vw: 화면 넓이를 기준으로 백분율 단위 (1vw = 뷰포트너비의 1%) -> 만약 화면이 800px 라면, 1vw=8px 이다.vh: 화면 넓이를 기준으로 하는 백분율 단위, (1vh= 뷰포트 높이의 1%)vmin: 브라우저의 너비와 높이 중 작은 값의 1%vmax: 브라우저의 너비와 높이 중 큰 값의 1%em: 부모요소(루트요소) font-size를 기준으로 하는 사이즈rem: 최상.. 2024. 8. 2.

[CSS] <li> 태그 목록 가로로 정렬하기 웹사이트 메뉴등을 만들때 사용되는 태그가로로 정렬하는 방법에는 두 가지가 있다! 1. style 속성에서 li>의 float: left; 2. style 속성에서 의 display: inline; 2024. 8. 1.

[JAVA] 기본형과 참조형 | 메서드 호출 | 데이터 타입 자바에서는 변수의 타입을 크게 기본형과 참조형으로 분류한다.기본형int, long, boolean, double 형과 같이 변수에 사용할 값을 '직접' 넣을 수 있는 데이터 타입연산가능함. 참조형School school1=new School(); , int[] students 와 같이 데이터에 접근하기 위한 '참조값'을 저장하는 데이터 타입.개발자가 정한다위 예시와 같이 객체 또는 배열에서 사용됨.객체 : ' . ' 을 통해 메모리 내의 객체에 찾아가서 사용함. ex) school1.name 연산이 불가능함. (객체의 클래스 멤버변수에 접근한 경우는 가능함.) 클래스는 모두 참조형이다. String 역시 사실 클래스이며, 참조형이다. Student s1 = new Student();s1.grade = .. 2024. 7. 30.

[JAVA] 클래스(Class), 객체, 인스턴스 자바(JAVA)는 객체 지향 언어로서, 클래스와 객체로 이루어져있다. 그러므로 클래스와 객체, 인스턴스는 자바에서 매우매우 중요한 개념이다.! 먼저 클래스에 대해 정리하면 이렇다. 클래스 (Class) 클래스는여러 변수들을 하나의 클래스로 묶어 사용할 수 있다는 특징을 가진다. 메인함수가 쓰이는 클래스 외에 클래스 파일을 새로 만들어 사용한다. 아래는 MovieReview라는 이름의 클래스 선언 예시다.package class1;public class MovieReview{ String title; String review;} MovieReview 클래스를 정의하여, 내부에 제목(title)과 리뷰를 String으로 정의한 것을 확인할 수 있다. 이렇게 클래스를 정의했다면.. 2024. 7. 18.

[JAVA] 메서드(Method), 매개변수(Parameter), 메서드 오버로딩 c++에서 함수호출하면서 지겹도록 들었던 파라미터,인자,매개변수! 가 자바에서도 등장했다. 자바에서는 어떻게 사용되는지 간단히 정리해야겠다 :) 메서드 (Method) 자바에서 함수를 메서드(Method)라고 한다. 메서드는 main함수 아래에 함수를 생성하여 호출하는 방식으로 사용할 수 있다.package method;public class Method3{ public static void main(String[] args) { checkAge(18); checkAge(34); } public static void checkAge(int age) { if(age 위의 코드를 통해 메소드의 특성에 대해 살펴보면, 1. 메소드는 publ.. 2024. 7. 15.

[JAVA] 배열 선언과 생성, 2차원배열 +참조형,기본형 자바의 배열(Array) 배열 생성자바에서 배열 생성은 아래와 같이 한다.아래의 배열 예시에서 'student'는 배열변수에 해당한다.int[] =student; // 배열 변수 선언students= new int[5] //배열 생성 또 아래와 같이 배열을 나타낼 수 있는데, 위와 동일한 배열이다.new int[5]로 배열을 생성하면 배열의 크기만큼 메모리를 확보한다.int[] student = new int[5]; 배열 안에 값을 하드코딩하여 사용할 때에는 아래와 같이 사용한다.int[] student = {90,30,50,60,20}; 배열값 읽기 배열의 특정 인덱스에 해당하는 값을 읽고 싶다면 아래처럼 나타낼 수 있다. System.out.println(student[3]); 기본형(Pri.. 2024. 7. 15.

[JAVA] Scanner 이용해 입력 받기 자바의 Scanner 클래스 자바는 Scanner라는 메소드를 이용해서 사용자의 입력을 받는다. 1. 입력 하는 데이터의 타입에 따라 구분한다.int형nextInt()String형next() 혹은 nextLine() int형은 nextInt() 을, String형은 nextLine() 혹은 nextLine() 을 사용해서 입력을 받을 수 있다. next() :공백을 기준으로 한 단어 또는 한 문자씩 입력받는다.버퍼에 입력된 문자나 문자열에서 공백 전까지의 단어를 읽는다.개행 문자를 가져오지 않는다.nextLine() :문자 또는 엔터를 치기 전까지의 문장 전체를 입력받는다.버퍼에 입력된 문자열을 개행 문자까지 다 가져온다. ex)Scanner scanner = new Scanner(System... 2024. 7. 14.

[c++] 구조체 백터 푸시백 , 순서쌍 넣기 /struct vector push_back 구조체 (struct) : 구조체란 사용자가 직접 자료형을 지정함.아래와 같이 POS라는 자료형의 구조체를 형성할 수 있다.struct POS{ int y,x; string name; }; 구조체 멤버 접근 POS a, b; cin >> a.x >> a.y >> b.x >> b.y;:메인 함수에서 위와 같이 POS라는 자료형의 멤버변수를 선언하고, '.'를 사용해서 위에 구조체에 형성한 개별 멤버에 접근할 수 있다. 구조체에 순서쌍 push_back 아래와 같이 구조체를 사용해서 순서쌍을 vector에 push_back 할 수 있다. case 01#include #include using namespace std;struct POS{ int y, x;};int main(){ .. 2024. 7. 13.

[c++] vector push_back과 emplace_back 1. push_back과 emplace_back의 차이 push_back과 emplace_back은 vector안에 객체를 넣는 방식에 차이가 있다. push_back() 함수는 객체를 집어넣는 형식이다. 따라서 객체가 없는 상황이라면 '임시 객체'가 있어야한다. 이미 만들어진 객체를 넣는 함수인 것이다. 이때 인자는 v의 끝에 계속해서 추가된다.vectorv;for (int i = 0; i > a; v.push_back(a);}//v에 5개의 int형 인자를 받음. 반면에 emplace_back()함수의 경우, 함수를 구성하는데 필요한 정보먼저 넣어주고 함수 내에서 객체를 생성해서 삽입하는 방식이다.함수 내부에 임시객체가 생성돼서 자리를 잡아준다는 특징을 가진다. 따라서 emplace_back(.. 2024. 6. 27.

[c++] 반올림 / 올림 / 내림 함수 -헤더에[ 를 추가해야한다. 올림함수: ceil() 내림함수: floor() 반올림함수: round() 변수의 자료형을 double로 해야 변수 안에 실수를 넣을 수 있다. 소수점 2번째 , 3번째 자리를 구해보자, 소수점 2번째 자리까지 반올림은수를 100배 한다음 반올림 후 나누기 1003번째 자리까지는수를 1000배 한다음 반올림 후 나누기 1000 버림과 올림은 반올림함수 round 대신 각각 floor, ceil 함수를 넣으면 된다. 2024. 4. 11.

이전 1 2 3 4 5 6 다음

티스토리툴바