분류 전체보기416 [자료구조] ArrayList 사용법 & 예제 ArrayList ArrayList는 List 인터페이스를 상속받은 클래스로 크기가 가변적으로 변하는 선형 리스트입니다. 일반 배열과 동일하게 연속된 메모리 공간을 사용하며 인덱스는 0부터 시작합니다. 일반적인 배열과 같은 순차 리스트이며 인덱스로 내부의 객체를 관리한다는 점등이 유사하지만 한번 생성되면 크기가 변하지 않는 배열과는 달리 ArrayList는 객체들이 추가되어 저장 용량(capacity)을 초과한다면 자동으로 부족한 크기만큼 저장 용량(capacity)이 늘어난다는 특징을 가지고 있습니다. ArrayList 생성 // 자바에서 ArrayList를 사용하려면 아래 구문을 추가해주어야 합니다. import java.util.ArrayList; ArrayList 사용법 ArrayList list.. 2022. 3. 16. [자바스크립트] 자료형 문자형 String 문자형은 3가지 방법으로 쓸 수 있다. const name1 = "Sam"; // ""와 ''는 큰 차이가 없다. const name2 = 'Sam'; const name3 = `Sam`; 특수 문자 사용 방법 const wrong = "I'm a boy."; //에러가 난다. const right = "I\'m a girl."; // 역 슬래쉬를 넣어주면 특수 문자를 인식한다. // I'm a girl. 백 틱은 문자 내부의 변수를 표현할 때 사용하기 편리하다. const name = "Sam"; const sentence = `My name is ${name}.`; console.log(sentence); // My name is Sam. 숫자형 Number 사칙연산이 가능하다. .. 2022. 3. 15. [자바스크립트 ] append, prepend, after, before append, prepend, after, before 페이지 로드 완료 후에 이미지를 순차적으로 로드한다던지 페이지마다 다른 내용을 보여줘야 할 때 등 동적으로 html요소를 추가해야 할때 아주 유용하게 사용되는 함수들입니다. append() 선택한요소의 자식요소 뒤에 내용삽입 prepend() 선택한요소의 자식요소 앞에 내용삽입 after() 선택한 요소의 뒤에 내용 삽입 before() 선택한 요소의 앞에 내용 삽입 // 기본 소스 코드 append() $("#parentDiv").append(''); prepend() $("#parentDiv").prepend(''); after() $("#parentDiv").after(''); before() $("#parentDiv").before(''); 2022. 3. 13. [자바스크립트] form, input 이벤트 핸들링 목표 입력된 값을 console에 뽑아 보기 html 파일 이벤트 헨들링 html 결과 JavaScript 파일 // input 창에 입력된 값 읽어와 주게 설정을 해주었다. function App() { document.querySelector('#menu-name').addEventListener('keypress', (e) => { console.log(e.key); }); } // document.querySelector('') -> html에 있는 element를 찾을 수 있다. // addEventListener('', (e)=>{}) -> 찾은 element에서 이벤트를 받아 올 수 있다. 입력창에 입력을 해도 console에 나타나지 않는다. 그 이유는 function App을 선언만하고 .. 2022. 3. 12. [자료구조] Map - HashMap, TreeMap, LinkedHashMap Map Map은 Key, Value 형식을 가지고 있다. 이 Map에는 크게 3가지의 특징이 있다. 1. Key는 중복될 수 없다. 2. Key와 Value 중 하나만 존재하지 않는다. 3. Value는 중복이 가능하다. Map 자료형에 HashMap, LinkedHashMap, TreeMap 등이 있다. HashMap HashMap은 Map을 구현하는 메서드이다. Hashing을 사용하기 때문에 많은 양의 데이터를 검색할 때 사용하기 좋다. Map user = new HashMap(); user.put("Anna", "anna12"); user.put("Sam", "sma12"); // Map의 user라고 선언하고 HashipMap으로 인스턴스 시킨 객체이다. // put이라는 메서드를 사용해서 us.. 2022. 3. 11. [ 프로그래머스 / Java ] [ 2020 카카오 블라인드 채용 코딩테스트 ] 신고 결과 받기 https://programmers.co.kr/learn/courses/30/lessons/92334?language=java 코딩테스트 연습 - 신고 결과 받기 문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 programmers.co.kr 문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 유저를 신고할 수 있습니다. 신고 횟수에 제한은 없습니다. 서로 다른 유저를 계속해서 신고할 수 있습니다. 한 유저를 여러 번 신고할 수도 있지만.. 2022. 3. 10. [ 프로그래머스 / Java ] [ 2020 카카오 블라인드 채용 코딩테스트 ] 문자열 압축 https://programmers.co.kr/learn/courses/30/lessons/60057 코딩테스트 연습 - 문자열 압축 데이터 처리 전문가가 되고 싶은 "어피치"는 문자열을 압축하는 방법에 대해 공부를 하고 있습니다. 최근에 대량의 데이터 처리를 위한 간단한 비손실 압축 방법에 대해 공부를 하고 있는데, 문 programmers.co.kr 문제 설명 데이터 처리 전문가가 되고 싶은 "어피치"는 문자열을 압축하는 방법에 대해 공부를 하고 있습니다. 최근에 대량의 데이터 처리를 위한 간단한 비손실 압축 방법에 대해 공부를 하고 있는데, 문자열에서 같은 값이 연속해서 나타나는 것을 그 문자의 개수와 반복되는 값으로 표현하여 더 짧은 문자열로 줄여서 표현하는 알고리즘을 공부하고 있습니다. 간단한 .. 2022. 3. 9. [자바스크립트] async와 await를 사용하여 비동기 프로그래밍을 쉽게 만들기 async, await란? 기존의 콜백 함수와 promise의 단점을 보완한 비동기 처리 방식이다. async, await의 필요성 JavaScript는 싱글 스레드 기반 언어이기 때문에 비동기 처리가 필수적이다. JavaScript의 일부인 async 그리고 await 키워드는 기본적으로 비동기 코드를 쓰고 Promise를 더 읽기 쉽도록 만들어준다. 비동기 처리는 결과를 예측할 수 없기 때문에 동기식의 처리가 필요하다. 대표적으로 promise, callback이 있다. async와 await는 기존 동기식 처리의 단점을 보완하고 가독성을 높여주는 코드를 작성할 수 있다. 사용방법은 function() 앞에 async만 붙여주면 되고 비동기로 처리되는 부분 앞에 await만 붙여주면 된다. 그리고 a.. 2022. 3. 8. [CSS] box-sizing 속성 box-sizing padding 과 border 을 width 와 height 에 속하게 할지 설정해주는 기능입니다. 문법 box-sizing: content-box | border-box | initial | inherit content-box : box-sizing의 기본값으로 content 영역의 너비만 포함합니다. border-box : content , padding , border 영역이 너비에 포함됩니다. initial : 기본값으로 설정합니다. inherit : 부모 요소의 속성 값을 상속받습니다.. 예제 box-sizing 의 content-box , border-box 차이점. See the Pen box-sizing by heerachoi (@heerachoi) on CodePen... 2022. 3. 5. 이전 1 ··· 38 39 40 41 42 43 44 ··· 47 다음 728x90
