분류 전체보기18 [CSS] flex 사용법 알아보기 - 띵코딩 on Code flex란? flex는 display 속성 중 하나로 Flexible Box Layout란 뜻으로 컨테이너 박스 내에서 아이템들을 유연하게 배치 가능하게 해주는 레이아웃 속성이다. 화면의 크기에 상관없이 요소의 크기와 위치, 정렬 등을 설정해주기 때문에 반응형 레이아웃에서도 유용하게 쓰인다. flex의 전용 요소들 flex-direction : 컨테이너 내의 아이템을 배치할 때 사용할 주축을 지정합니다. flex-direction: row; // 가로축을 주축으로 왼쪽부터 시작하여 정렬된다. flex-direction: row-reverse; // 가로축을 주축으로 오른쪽부터 시작하여 정렬된다. flex-direction: column; //세로축을 주축으로 위에서부터 시작하여 정렬된다. flex-dir.. 2023. 9. 11. [JavaScript] find() 사용법 알아보기 [JS기초 함수] - 띵코딩 on Code find()란? 배열의 각 요소에 대해 주어진 콜백 함수(reducer)를 실행하면서 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다. Array.find() 구문 Array.find( callback( element, index, array ) => { return 참이되는 첫 번째 값 } element : 처리할 현재 요소 index : 처리할 현재 요소의 인덱스 array : find를 호출한 배열 (위 예시에서는 Array) Array.find() 설명 find() 메소드는 각 요소에 대해 callback 함수를 실행하여 참을 반환하는 첫 번째 값을 즉시 반환합니다. 만약 어느 요소도 그렇지 않았다면 undefined를 반환합니다. find() 메소드는.. 2023. 9. 6. [JavaScript] String 객체의 메소드, 속성 알아보기 [JS기초 함수] String이란? 문자열(string)은 따옴표("") 안에 텍스트의 집합을 말합니다. var str = "Hello, I'm myeong-coding." 문자열은 위와 같은 예시로 표현할 수 있습니다. 이러한 문자열 객체가 갖고있는 다양한 메소드와 속성에 대해 알아보겠습니다. 속성 length 문자열의 가장 중요한 속성은 length입니다. var str = "hello"; console.log(str.length); // 5 length는 문자열의 길이를 반환해줍니다. 가장 유용하고 빈번하게 사용됩니다. 메소드 charAt() var str = "HelloWorld"; console.log(str.charAt(0)) // 'H' charAt( index ) : 매개변수에 인덱스를 인자로 주어 문.. 2023. 9. 3. [JavaScript] filter() 사용법 알아보기 [JS기초 함수] Filter()란? 배열에 각 요소에 대해 주어진 콜백 함수를 실행하고, 콜백 함수 내에 true로 반환되는 값들로 새로운 배열을 생성합니다. Array.filter() 구문 Array.filter( callback( element, index, array ) => { return 참이 되는 값; } element : 처리할 현재 요소 index : 처리할 현재 요소의 인덱스 array : filter를 호출한 배열 (위 예시에서는 Array) Array.filter() 설명 filter() 함수는 배열 내 각 요소에 대해 한 번 제공된 callback 함수를 호출해 ture로 강제하는 값을 반환하는 모든 값이 있는 새로운 배열을 생성합니다. callback 함수는 할당된 값이 있는 배열의 인덱스에 대해.. 2023. 8. 31. [JavaScript] reduce() 사용법 알아보기 [JS기초 함수] Reduce()란? 배열의 각 요소에 대해 주어진 콜백 함수(reducer)를 실행하고, 하나의 결과 값을 반환합니다. Array.reduce() 구문 Array.reduce(( accumulator, currentValue, currentIndex, array) => { return 누적 계산의 결과 값 }, initialValue) accumulator : 누산값으로 콜백으로 반환된 값을 누적합니다. currentValue : 처리할 현재 요소 currentIndex : 처리할 현재 요소의 인덱스, initialValue를 제공한 경우 0 또는 1부터 시작합니다. array : reduce()를 호출한 배열 (위 예시에서는 Array) initialValue : 초기값, 생략할 경우 배열의 첫 번재 .. 2023. 8. 28. [프로그래머스][코테][JavaScript] 문자열 겹쳐쓰기 [JS기초] 코딩테스트 연습 - 문자열 겹쳐쓰기 | 프로그래머스 스쿨 (programmers.co.kr) 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 문자열 my_string, overwrite_string 과 정수 s가 주어집니다. 문자열 my_string 의 인덱스 s부터 overwrite_string 의 길이만큼을 문자열 overwrite_string 으로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요. 제한 사항 my_string 와 overwrite_string은 숫자와 알파벳으로 이루어져 있습니다. 1 2023. 8. 25. 이전 1 2 3 다음
