choi95의 TIL📝

7개의 자연수 중 홀수인 자연수들만 취합하고 고른 홀수들 중 최솟값을 찾고자 한다. 홀수인 값들을 선별하기 위해 2로 나누었을 때 나머지 값이 0이 아닌 값들만을 통해 필요한 연산들을 수행하도록 조건문을 작성하였다. 또 다른 방법으론 배열 내장 함수인 filter()를 사용하여 홀수만을 구한 새로운 배열 객체를 생성하고 이를 위와 같은 방식으로 반복문을 수행 해 주었다.

각기 다른 7개의 수가 주어지면 그 숫자 중 가장 작은 수를 출력하고자 한다. 주어진 숫자들의 총 갯수만큼 반복문을 실행해야 되기 때문에 배열을 인수로 받아 배열의 크기만큼 범위를 지정해야 한다. 이를 위해 함수에 전달된 인수들의 목록을 배열로 전달 받을 수 있는 Rest 파라미터를 사용하였다. 가장 작은 수만을 구하면 되기 때문에 한번 비교 된 이전의 값들은 다시 참조할 필요가 없다. 이에 순회하고자 하는 배열의 이전 인덱스 값(arr[i])이 그 다음 인덱스 값(arr[i+1])보다 작은 경우, 이전 인덱스의 값을 변수에 할당하고 그 다음에 비교될 값은 바로 직전의 인덱스 값이 아닌 지금까지 순회를 하면서 비교 된 가장 작은 인덱스의 값과 비교되야 하기 때문에 그 다음 배열의 인덱스 값을 직전에 비교..

자연수 N이 입력되면 1부터 N까지의 합을 출력하고자 한다. 주어진 자연수 N까지의 합을 구하기 위해서 n을 범위로 지정해주고, 0부터 중첩 되며 가산되도록 반복문을 사용하였다.

웹 상에서 리스트 요소를 동적으로 추가해주기 위해 다음과 같이 소스 코드를 작성하였다. 이때 각 리스트를 식별할 수 있기 위해 리스트가 추가 될 때마다 어트리뷰트에 가산 된 data-id(dataset) 속성값을 지정하였다. 위와 같이 각기 다른 data-id를 li 요소에 적용해 준 결과, li의 부모 요소 ul 태그인 items에 이벤트 핸들러를 등록하여 이벤트 위임을 통해 실제 클릭 이벤트가 발생 한 event.target을 id 값을 이용하여 식별할 수 있었다. data-id값 확인 실제로 event.taeget.dataset.id 소스 코드 쪽에 브레이크를 걸고 data-id값을 확인해 보면 리스트를 추가 한 순서대로 가산 된 id값이 어트리뷰트 값에 적용되어 있음을 확인할 수 있다.

학생 1인당 연필을 1자루씩 나누어 준다고 할 때, 필요한 연필의 다스 수를 계산하고자 한다. 연필 1 다스는 12자루이기 때문에 주어진 인원 수에서 12를 나누어 주면 인원 수 대비 필요한 다스 수를 구할 수 있다. 이때 나머지 값이 존재하기 때문에 이들 모두에게도 연필을 나눠주기 위해서 반올림을 해주는 Math.ceil()를 사용하였다.

길이가 서로 다른 a, b, c 세 개의 막대 길이가 주어졌을 때 삼각형을 만들 수 있는지의 여부를 확인하고자 한다. 이를 위해 삼각형의 성립 조건 중 '가장 긴 변의 길이는 다른 두 변의 길이 합보다 작아야 한다'를 조건식에 사용하였다. a, b, c 세 개의 값 중 최댓값을 제외 한 나머지 두 변의 각각의 길이값을 알 필요는 없기 때문에 a, b, c 중 최댓값을 구한 뒤, 이를 세 개의 총합에서 감산해주어 나머지 두 변의 길이 합을 구하였다.

100 이하의 자연수 a,b,c 세 수 중 최솟값을 출력하는 소스 코드를 작성하였다. if문으로 분기처리하여 가장 작은 수를 지닌 변수를 찾아 내도록 하였고 출력 또한 원하는 바로 되었다. 하지만 위와 같은 방식은 최솟값을 찾아내기 위해 조건 연산의 반복이 일어났다. 예를 들어 첫 번째 조건문 내의 a b의 대소비교 연산은 불필요하다. 이러한 불필요한 연산들을 줄이기 위해 우선적으로 a와 b 간에 대소 비교 연산을 하여 두 수 중 작은 값을 결과값에 저장하였고 이후 이 결과값을 가지고 c와 대소 비교 연산을 하였다.

다음과 같이 리듀서를 통해 스토어 안에 상태값을 저장하였고, 컴포넌트와 리덕스를 연동하기 위해 connect 함수 내에 객체를 정의하였다. 하지만 웹상에서 제대로 랜더링 되지 않는 오류가 발생하였다. 이를 해결하기 위해 대괄호 프로퍼티 접근 연산자를 사용하는 대괄호 표기법을 사용하였다. 프로퍼티 키가 식별자 네이밍 규칙을 준수하지 않는 이름을 사용할 시엔(위 [START_LOADING] 키는 문자열 타입인 'sample/GET_POST'이고 이를 프로퍼티 키로 사용하기 위해 변수에 할당하여 동적으로 생성한 것이다), 대괄호 표기법을 사용해야 했다.