일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- HTML
- 스프링 시큐리티
- 리액트 Context 사용방법
- 스프링 문자 인증
- 자바 문법
- 소셜로그인 API
- CSS
- sql 타입
- JSTL 초기세팅
- 자바스크립트 변수 상수 차이
- 스프링 엑셀 다운로드 기능
- SQL 문법
- JSTL 사용방법
- 문자보내는 API
- 스프링 엑셀 다운로드 기능 만들기
- 스프링 엑셀 다운로드 의존성
- 인텔리제이 콘솔 한글안됨
- 프론트엔드개발자
- 스프링 문자보내기 구현
- 엑셀 다운로드 기능
- 리액트 훅 사용하기
- css 레이아웃
- 문자보내는 API사용방법
- 인텔리제이 콘솔 한글깨짐
- coolSMS 사용방법
- 스프링 문자보내기 API
- 인텔리제이 콘솔 한글깨짐 해결방법
- css layout
- 프론트엔드
- 자바스크립트
- Today
- Total
목록JS (9)
keembloo
1. 변수/ 상수 데이터 1개 저장 let 변수명 = 데이터 2. 배열 데이터 여러개 저장 let 배열명 = [ 데이터1 , 데이터2 , 데이터3 ] - 선언시 [] - 호출시 배열명[인덱스번호] - 식별: 인덱스 = 데이터 저장하는 순서번호 3. 객체 {} 데이터 여러개 저장 let 객체명 = { 속성명:데이터1 , 속성명 : 데이터2 , 속성명 : 데이터3 } - 선언시 {} - 호출시 객체명.속성명 - 식별: 속성명 = 저장된 데이터의 속성이름 배열과 객체의 차이점 배열은 인덱스를 이용하여 데이터들을 구분할 수 있는데 이는 0 , 1, 2, 3 과 같은 숫자이다. 그러다보니 배열은 서로 다른 데이터유형들을 한 배열에 저장하면 사람이 구분 및 관리가 힘들다 그럴땐 { 키 : value } 값을 나타내..
Break 특징 가장 가까이에 있는 반복문을 벗어나기 위해 사용 Return 특징 쓰여진 해당 함수에서 탈출함 return이 실행되면 뒷줄에 코드가 더 있어도 값을 반환하고 종료됨
객체 지향 언어[OOP : Object Oriented Programming] 클래스 = 사전적인 정의 / 객체 = 실제 존재하는 것 / 토대로 메모리에 할당된 것 세상 모든 형태들을 코드화 = 객체 대량화/자동화/돈 ===> 객체지향 프로그래밍 적합하다. => 미리 설계(클래스)하고 컴퓨터 설계 주입해서 설계기반으로 형태 생성 ex) 현대 소나타 소나타생성설계=클래스 생성 A소나타=객체 , B소나타=객체 붕어빵 붕어빵틀=클래스 붕어빵1=객체, 붕어빵2=객체 oo아파트 30평 아파트 아파트도면도 = 클래스 우리집=객체, 옆집=객체 23년신형 LG냉장고 냉장고설계도 = 클래스 냉장고=객체 - 우리집(객체[냉장고(객체)]) 특징 • 캡슐화 - 데이터와 코드의 형태를 외부로부터 알 수 없게 하고, 데이터의 구..
element = document.getElementById(id); Id 는 id만을 불러와서 사용한다 element = document.querySelector(selectors); Selector는 id와 class 둘다 사용이 가능하다 id는 ('#아이디명') class는 ('.클래스명') 으로 사용한다. 사용방법 document.getElementsbyId("아이디명") document.getElementsByClassName("클래스명") document.querySelector(".클래스") document.querySelector("#아이디") 그래서 차이는? 결론부터 말하자면 getElementsbyId가 더빠르다 그 이유는 쿼리셀렉터는 아이디와 클래스명 둘다 사용해야하니까 해야할일이 많..
함수 [함: 상자 / 수 : 숫자] - 상자 안에 들어있는 수 /코드 - 누군가가 미리 상자에 넣어둔 수 /코드 - 미리 정의[만들어진]된 수/코드 ex) 요리{레시피} - 라면 스프{ 소금 , 고춧가루, 간장분말 } 1. function = 함수 / 행동 / 이벤트 내용물 2. 하나의 특별한 목적의 삭업을 수행하기 위한 독립적인 코드의 집합 함수의 사용 목적 1. 재활용성/재사용 : 한번 정의[만들기] 하면 반복적으로 사용 가능 / 중복 코드 묶음처리 = 클린코딩 2. 인수[매개변수]/반환[리턴] : 인수에 따른 서로 다른 반환값 얻을 수 있다. - 인수[매개변수] : 함수 안으로 들어가는 수/코드/변수/객체/배열/함수 [*생략가능] - 반환[리턴] : 함수 밖으로 나오는 수/코드/변수/객체/배열/함수..

템플릿 리터럴 (Template literals) 이란? 백틱 (``)을 사용하여 문자열을 나타내는 ES6 문법이다 장점 1. 엔터 가능 2. 문자 중간에 변수 넣기 가능 // 기존 + 연산자를 이용한 방법 let 변수이름 = 'jake'; let Introduction = 'Hello, My name is' + 변수이름; // 템플릿 리터럴을 이용한 방법 let 변수이름 = 'jake'; let Introduction = `Hello, My name is ${변수이름}`; `문자${변수이름}` 과 같이 사용하면 문자와 변수를 쉽게 넣을 수 있다 자바스크립트에서 html을 작성하고 수정해야할 때 유용하게 쓰일 수 있다 태그드 리터럴 (Tagged literal) 이란? 함수와 함께 사용할 수 있다 let..