본문 바로가기

728x90
반응형
전체보기
728x90
반응형
53

Function란, 함수의 기능과 Agument(전달인자), Parameter(매개변수) 정의 / [자바스크립트 도장깨기] 인수, 인자 목차 함수(Function) 프로그램 안에 프로그램(서브 프로그램)으로 각각의 기능을 수행하며 여러 번 재사용이 가능한다. 하나의 함수는 한가지의 기능만을 해야 한다. 함수 이름은 동사 형태로 정의하는 것이 좋다. function은 object이여서 변수에 할당하거나 인수로 return할 수 있다. hoisted가 된다, 함수를 선언하기전에 호출해서 실행된다. function print(x, y){ // 입력받은 x와 y를 출력하는 기능을 하는 함수 console.log(`${x}와 ${y}); } 📌화살표 함수(Arrow Function , =>) 간결하게 작성할 수 있는 기능이다. // =>사용 전 const print = function(){ console.log('Hello'); } // =>사용.. 2022. 5. 1.
continue와 break 사용하는 법 [자바스크립트 도장깨기] 목차 반복문을 탈출하기 위한 방법은 break와 coninue를 활용하는 방법이 있다. continue 해당 조건문 loop를 탈출해 다음 반복문을 실행한다. cotinue문 아래 있는 문장을 건너뛰고 다음 반복을 시작한다. - 1 ~ 10까지의 합을 구할 경우, 총합은 55이다. for(let i = 0; i < 10; i++){ if(i===5){ console.log(`${i}에서 건너 뛴다.)`; continue } } // 0 // 1 // 2 // 3 // 4 // 5에서 건너뛴다. // 6 // 7 // 8 // 9 break 해당 조건문 loop를 탈출해 다음 반복문을 실행한다. cotinue문 아래 있는 문장을 건너뛰고 다음 반복을 시작한다. - 1 ~ 10까지의 합을 구할 경우, 총합은.. 2022. 5. 1.
프로그래머스 입양 시각 구하기(2) oracle 목차 접속 링크 https://programmers.co.kr/learn/courses/30/lessons/59413 코딩테스트 연습 - 입양 시각 구하기(2) ANIMAL_OUTS 테이블은 동물 보호소에서 입양 보낸 동물의 정보를 담은 테이블입니다. ANIMAL_OUTS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, NAME, SEX_UPON_OUTCOME는 각각 동물의 아이디, 생물 programmers.co.kr 풀이 설명 0~23시로 시간을 설정하는 것이 큰 포인트이다. 계층적 퀴를 처리할 때 사용하는 LEVEL를 사용했다. SELECT LEVEL - 1 AS HOUR -- LEVEL은 1부터 시작하므로 0부터 시작할시 -1을 넣어준다 1~24시까자이 .. 2022. 5. 1.
Oracle 별칭(Alias) 사용법 및 예제 목차 별칭(Alias) SELECT [칼럼명] AS [별칭] FROM [테이블명] 직원의 월급과 연봉을 조회할 때 SELECT NAME, SALARY, SALARY*12 as '연봉' FROM EMP; Alias는 SELECT 문장에서 유효하며 30자까지 가능하다. GROUP BY절에는 사용할 수 없다. ORDER BY 절에서 사용가능하다. 2022. 5. 1.
콜라츠 추측 / Javascript [프로그래머스 Level1] 목차 접속 링크 https://programmers.co.kr/learn/courses/30/lessons/12950?language=javascript 코딩테스트 연습 - 콜라츠 추측 1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다. 1-1. 입력된 수가 짝수라면 2 programmers.co.kr 문제 설명 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요. 1937년 Collatz란 사람에 의해 제기된 이 추측은.. 2022. 4. 29.
신고 결과 받기 / Javascript [프로그래머스 Level1] 목차 접속 링크 https://programmers.co.kr/learn/courses/30/lessons/92334?language=javascript 코딩테스트 연습 - 신고 결과 받기 문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 programmers.co.kr 문제 설명 더보기 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 유저를 신고할 수 있습ㄴ;디/ 신고 회수에는 제한이 없습니다. 서로 다른 유저를 계속해서 신고할 수 있습니다. .. 2022. 4. 29.
자릿수 더하기 / Javascript [프로그래머스 Level1] 목차 접속 링크 https://programmers.co.kr/learn/courses/30/lessons/12950?language=javascript 코딩테스트 연습 - 자릿수 더하기 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를들어 N = 123이면 1 + 2 + 3 = 6을 return 하면 됩니다. 제한사항 N의 범위 : 100,000,000 이하의 자연수 입출 programmers.co.kr 문제 설명 자연수 N이 주어지면, N의 각 자릿수의 합을 구해서 return 하는 solution 함수를 만들어 주세요. 예를 들면 N = 123이면, 1+2 + 3 = 6으로 리턴 입출력 N = 123 answer = 6 풀이 설명 숫.. 2022. 4. 29.
직사각형 좌표 구하기 / Javascript [프로그래머스 모의테스트] 목차 접속 링크 https://programmers.co.kr/learn/courses/30/lessons/12950?language=javascript 알고리즘 문제 해설 - 나머지 한 점 프로그래머스의 모의테스트는 프로그래머스의 시스템에 익숙해지기 위한 테스트이며, 문제 자체는 2018 1ST KAKAO BLIND RECRUITMENT와 전혀 관계없습니다. 다만 모의테스트의 풀이에 대한 요청이 있어 programmers.co.kr 문제 설명 직사각형을 만드는데 필요한 4개의 점 중 3개의 좌표가 주어질 떄, 나머지 한 점의 좌표를 구하려고 합니다. 점 3개의 좌표가 들어있는 배열 v가 매개변수로 주어질 때, 직사각형을 만드는 데 필요한 나머지 한 점의 좌표를 return 하도록 solution 함수를.. 2022. 4. 29.
햐샤드 수 / Javascript [프로그래머스 Level1] 목차 접속 링크 https://programmers.co.kr/learn/courses/30/lessons/12947 코딩테스트 연습 - 하샤드 수 양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하 programmers.co.kr 문제 설명 양의 정수가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자리수 합으니 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하샤드 수인지 아닌지 검사하는 함수, solution을 완성해주세요 입출력 x = 10 true x = .. 2022. 4. 29.
프로그래머스 Level1, 행렬의 덧셈 / Javascript 목차 접속 링크 https://programmers.co.kr/learn/courses/30/lessons/12950?language=javascript 코딩테스트 연습 - 행렬의 덧셈 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요 programmers.co.kr 문제 설명 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요. 입출력 arr1 = [[1, 2], [2, 3]] arr.. 2022. 4. 28.
자바스크립트 배열과 리스트 [자바스크립트 도장깨기] 목차 배열과 리스트 차이 배열 - 하나의 변수로 여러 데이터를 그룹화해서 관리하기 위한 자료구조이다. - 배열의 인덱스로 빠르게 식별하여 데이터를 가져올 수 있다. - 크기가 정해져 있고 인덱스의 값이 고정적이여서 메모리의 낭비를 발생할 수 있다. 리스트 - 빈틈없는 데이터의 적재를 위해 배열의 인덱스 기능을 버린 자료구조이다. - 리스트에 데이터가 있는지 체크가능한다. - 처음, 끝, 중간에 엘리먼트를 추가/삭제 하는 기능을 가진다. Javascript 리스트 const num = [10, 20, 30, 40, 50]; // 0, 1, 2, 3, 4 num.splice(3, 1); // 3번쨰 위치에서 1번쨰 값 삭제 for(let i=0; i 2022. 4. 27.
Javascript Date() 객체, Date 함수 종류 [자바스크립트 도장깨기] 목차 Date 객체 선언 const Today = new Date(); // 현재 날짜 시간 구하기 const test = new Date(today.getFullYear(), today.getMonth(), 0); // 마지막 날 출력 const test = new Date(today.getFullYear(), today.getMonth(), 1); // 첫 번째 날 출력 const setDateTime1 = new Date(2022,12,31,6,30); // 2022-12-31 06:30:00로 날짜 설정 const setDateTime2 = new Date('2022-12-31 06:30:25'); // 2022-12-31 06:30:25 메서드 get() / set(), 값을 반환한다 / 값을 .. 2022. 4. 27.
CSS, flex 레이아웃 도장깨기 목차 flex Flexible box, Flex Box라고 부른다. 레이아웃 배치 전용으로 사용된다. flex HTML 구조 - 부모 div.container는 flex container로 불리는데 flex의 영향을 받는 전체 공간을 의미한다. - 자식 div.item는 flex item이라 불린다. item1 item2 item3 flex 부모속성 display : flex - //부모에 적용하는 속성 .container{ display: flex; //혹은 display : inline-flex;} display : flex; // 자식요소들이 가로방향으로 배치 display : block; // 자식요소들이 세로방향으로 배치 flex-direction - 줄바꿈을 결정한다. .container { .. 2022. 4. 25.
HTML 선택자, class id name 차이 목차 ​선택자 class CSS문을 사용하기 위함이며, 페이지에서 여러 개의 요소에 지정가능하다. - 한 영역에서 여러개 정의하며 재사용이 가능하다. //제이쿼리 문법 $('.class 값'); //여러개 재사용 name CSS로 사용불가하며 HTML에서 여러개의 요소에서 지정가능하다. - form 전송 이벤트 발생시, 서버로 데이터를 전송하며 자바스크립트에서 요소를 탐색하기 위해 주로 사용한다. //제이쿼리 문법시 $('[name="값"]'); //form와 자바스크립트 뉴스 연예 만화 요리 const form = document.querySelector('form'); const formDate = new FormData(form); formData.get('info'); // info의 정보값 추출.. 2022. 4. 24.
jQuery 도장깨기, 배열2 each() / inArray() / merge() / grep() / map() 목차 each() / each() 배열에 저장된 요소를 순서대로 하나씩 선택해 index정보를 가져온다. - $("selector").each(function(n, index){ //$this }); - $.each($("selector"),function(n, index){ //$this }); inArray() / isArray() inArray(), 배열에 해당 값이 있는지 확인해 인덱스를 반환한다, (값이 없을 시 -1 반환) isArray(), 배열 여부를 확인하여 Bool값을 반환한다. - $.inArray( 검색단어, 배열명) - $.isArray( 검색단어, 배열명) merge() merge(), 배열을 하나로 연결하여 반환한다. - $.merge(배열1, 배열2) grep() grep().. 2022. 4. 23.