개발자 퉁이리

반복문 자바스크립트에서 여러 데이터 값을 관리할 때 배열이나 객체를 많이 사용한다. 이러한 데이터를 관리할 때, 유용하게 쓰이는 반복문인 map, filter, reduce에 대해 정리해보자! map, filter, reduce에 대해 알아보기 전에 기본적인 for문을 가볍게 짚고 넘어가 봅시다! for문 const practice = [ { name: "개발자", value: 150, active: false }, { name: "퉁이리", value: 200, active: true }, { name: "프론트엔드", value: 110, active: true }, { name: "티스토리", value: 300, active: true }, { name: "깃허브", value: 250, acti..

Keys React는 효율성을 높이기 위해 key 속성을 지원한다. key를 통해 기존 트리와 비교하여 업데이트 이후 트리의 자식들과의 일치 여부를 확인하고 변경한다. 간단한 list를 map함수를 사용하여 예제를 들어보자! const Tooo1 = () => { const m = [1, 2, 3, 4]; return ( {m.map((v, i) => ( {v} ))} ); }; export default Tooo1; 위 코드를 실행하면 다음 결과가 나온다. 너무 당연한 결과다. 정상적으로 코드가 실행되었다!! 그렇지만 브라우저에서는 경고를 보내고 있다. 경고의 원인은 map함수에 key 값을 안 넣어서 그렇다. Key 값을 왜 넣어야 할까? 우선 key는 React가 어떤 항목을 변경, 추가 또는 삭제..

https://www.acmicpc.net/problem/10808 10808번: 알파벳 개수 단어에 포함되어 있는 a의 개수, b의 개수, …, z의 개수를 공백으로 구분해서 출력한다. www.acmicpc.net ⊙ 문제 ⊙ 입력 ⊙ 출력 ⊙ 예제 입출력 ⊙ 알고리즘 분류 구현 문자열 ⊙ 문제 접근 과정 for문과 ord 함수, 그리고 알파벳이 몇 개인지 알고 있다면 풀 수 있다. alpha라는 배열에 0을 26개(알파벳의 개수)만큼 넣어 생성해준다. 그리고 입력을 받은 값에 대해 for문을 돌려 해당 index에 value를 1씩 올려준다. 마지막으로 결과를 alpha 배열로 출력해주면 된다. 배열 앞에 *를 붙이면 결과와 같이 배열이 출력된다. ⊙ 문제 풀이 alpha = [0 for _ in r..

배열 배열은 여러 개의 값을 순차적으로 나열한 자료구조다. *요소 : 배열이 가지고 있는 값 *인덱스 : 배열에서 자신의 위치를 나타내는 값 *length 프로퍼티를 갖는다. 자바스크립트에 배열이라는 타입은 존재하지 않는다. 배열은 객체 타입이다. 🔎 일반 배열과 자바스크립트의 배열이 어떻게 다른지 알아보자 일반적인 배열은 동일한 크기의 메모리 공간이 연속으로 나열된 자료구조를 말한다. 자바스크립트의 배열은 각 요소의 메모리 공간이 동일하지 않아도 되고 연속적이지 않을 수 있다. 자바스크립트의 배열은 일반적인 배열의 동작을 흉내 낸 특수한 객체다. 📍 밀집 배열 : 하나의 데이터 타입으로 통일되어 있으며 서로 연속적으로 인접해 있는 배열 📍 희소 배열 : 배열의 요소가 연속적으로 이어져 있지 않는 배열 ..

https://www.acmicpc.net/problem/10809 10809번: 알파벳 찾기 각각의 알파벳에 대해서, a가 처음 등장하는 위치, b가 처음 등장하는 위치, ... z가 처음 등장하는 위치를 공백으로 구분해서 출력한다. 만약, 어떤 알파벳이 단어에 포함되어 있지 않다면 -1을 출 www.acmicpc.net ⊙ 문제 ⊙ 입력 ⊙ 출력 ⊙ 예제 입출력 ⊙ 알고리즘 분류 구현 문자열 ⊙ 문제 접근 과정 리스트를 알파벳 개수만큼 -1로 초기화해줬다. 그리고 먼저 -1인지 아닌지 검사하고 -1이면 위치 체킹!-1이 아니라면 첫 번째로 나타난 알파벳이 아니니 패스! 마지막엔 리스트 출력! ⊙ 문제 풀이 alpha = input() #문자 입력 alphaCount = [-1]*26 #-1로 배열 초..

※대학생이 공부하다가 작성한 글입니다※ ※정답이 아닐 수도 있습니다※ ⊙ 문제 1 배열에 대한 코드이다. 문법적으로 틀린 것은? int[] array = {1, 2, 3}; int array[3] = {1, 2, 3}; int[] array; array = new int[] {1, 2, 3}; int array[]; ⊙ 정답 2번 int array[3] = {1, 2, 3}; ※해설: 배열을 참조할 변수를 선언할 때는 배열의 크기를 지정할 수 없다. ⊙ 문제 2 다음 중 문법적으로 틀린 것은? String s1 = new String("1"); String s1 = "1"; String s1 = "1", s2 = "1"; String s1 = '1'; ⊙ 정답 4번 String s1 = '1'; ※해설:..

www.acmicpc.net/problem/2941 2941번: 크로아티아 알파벳 예전에는 운영체제에서 크로아티아 알파벳을 입력할 수가 없었다. 따라서, 다음과 같이 크로아티아 알파벳을 변경해서 입력했다. 크로아티아 알파벳 변경 č c= ć c- dž dz= đ d- lj lj nj nj š s= ž z= www.acmicpc.net ⊙ 문제 ⊙ 입력 ⊙ 출력 ⊙ 예제 입출력 ⊙ 알고리즘 분류 구현 문자열 ⊙ 문제 접근 과정 배열에 크로아티아 알파벳을 넣어주고 입력받은 문자열에 있는지 없는지 찾아줬다. 있다면 다른 하나의 문자로 변경해주고 마지막에는 변경된 입력받은 문자열의 길이를 출력해주었다. string::npos는 find() 함수에서 찾는 단어나 문자열이 없으면 나오는 리턴 값이다. ⊙ 문제 풀이..

⊙ 문제 가격 순서대로 정렬할 수 있는 Book 클래스와 다음 실행 결과가 나타나도록 테스트 프로그램을 작성하시오. Book 클래스에는 int 타입의 price 필드가 있으며, 생성자와 필요한 메서드를 포함한다. 또 테스트 프로그램은 3개의 Book 객체로 구성된 Book 배열을 사용해 가격 순서대로 정렬한 후 출력한다. 배열 books를 정렬하려면 Arrays.sort(books)를 호출하면 된다. ⊙ 문제 접근 과정 Book 클래스와 출력 메서드를 작성하였다. 그 후 main함수에서 Book 클래스의 배열 books을 만들어 출력하고 sort를 한 후 출력했는데 오류가 나왔다.가격 순서대로 정렬할 수 있는 Book 클래스와 다음 실행 결과가 나타나도록 테스트 프로그램을 작성하시오. Book 클래스에는..