<kimNerd />

🌠 문제

문자열 my_string이 매개변수로 주어집니다. my_string을 거꾸로 뒤집은 문자열을 return하도록 solution 함수를 완성해주세요.

🌠 제한사항

• 1 ≤ my_string의 길이 ≤ 1,000

🌠 입출력 예

🌠 입출력 예 설명

입출력 예 #1

• my_string이 "jaron"이므로 거꾸로 뒤집은 "noraj"를 return합니다.

입출력 예 #2

• my_string이 "bread"이므로 거꾸로 뒤집은 "daerb"를 return합니다.

🧞 풀이

function solution(my_string) {
    // split으로 문자열을 한 글자씩 쪼개 배열을 만들고, 배열을 뒤집기
    const reverse_string_array = my_string.split("").reverse();
    // 해당 배열을 join으로 다시 합쳐 문자열 만들기
    const answer = reverse_string_array.join("");
    // 문자열 리턴
    return answer;
}

🌠 문제

정수가 들어 있는 배열 num_list가 매개변수로 주어집니다. num_list의 원소의 순서를 거꾸로 뒤집은 배열을 return하도록 solution 함수를 완성해주세요.

🌠 제한사항

• 1 ≤ num_list의 길이 ≤ 1,000
• 0 ≤ num_list의 원소 ≤ 1,000

🌠 입출력 예

🌠 입출력 예 설명

입출력 예 #1

• num_list가 [1, 2, 3, 4, 5]이므로 순서를 거꾸로 뒤집은 배열 [5, 4, 3, 2, 1]을 return합니다.

입출력 예 #2

• num_list가 [1, 1, 1, 1, 1, 2]이므로 순서를 거꾸로 뒤집은 배열 [2, 1, 1, 1, 1, 1]을 return합니다.

입출력 예 #3

• num_list가 [1, 0, 1, 1, 1, 3, 5]이므로 순서를 거꾸로 뒤집은 배열 [5, 3, 1, 1, 1, 0, 1]을 return합니다.

🧞 풀이

function solution(num_list) {
    
    // 새로운 배열 생성
    const new_list = [];
    
    // 새로운 배열에 num_list 인덱스 거꾸로 하나씩 push
    for (var i = num_list.length - 1; i >= 0; i --) {
      new_list.push(num_list[i]);  
    }
    
    // 새로운 배열 출력
    return new_list;
}

🌠 문제

머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요.

🌠 제한사항

• 0 < age ≤ 120
• 나이는 태어난 연도에 1살이며 1년마다 1씩 증가합니다.

🌠 입출력 예

🌠 입출력 예 설명

입출력 예 #1

• 2022년 기준 40살이므로 1983년생입니다.

입출력 예 #2

• 2022년 기준 23살이므로 2000년생입니다.

🧞 풀이

function solution(age) {
    const y = 2022 - age + 1;
    return y;
}

// 나이 계산이 헷갈리면, 테스트 케이스를 보면서 수정해가면 된다.

🌠 문제

머쓱이는 추운 날에도 아이스 아메리카노만 마십니다. 아이스 아메리카노는 한잔에 5,500원입니다. 머쓱이가 가지고 있는 돈 money가 매개변수로 주어질 때, 머쓱이가 최대로 마실 수 있는 아메리카노의 잔 수와 남는 돈을 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요.

🌠 제한사항

• 0 < money ≤ 1,000,000

🌠 입출력 예

🌠 입출력 예 설명

입출력 예 #1

• 5,500원은 아이스 아메리카노 한 잔을 살 수 있고 잔돈은 0원입니다.

입출력 예 #2

• 15,000원은 아이스 아메리카노 두 잔을 살 수 있고 잔돈은 4,000원입니다.

🧞 풀이

function solution(money) {
    const q = parseInt(money / 5500);
    const r = money % 5500;
    return [q, r]
}

오늘 공부한 내용 📝

• React
  • 프로필 링크 태그를 추가했다.
  • 이메일의 경우, emailto 대신에 gmail이 사용될 수 있는 방법을 찾고 이를 적용했다.
  • 모달을 구현하고, 모달이 열렸을 때, 스크롤 고정하는 법이나, 보고 있는 위치에 따라 모달이 나타나는 위치를 다르게 하는 방법을 체득하고 익숙해졌다. 

궁금한 내용 / 부족한 내용 🧐

• position에 대한 정리가 필요해 보인다. 

느낀 점 🤔

TIL 밀린 건 다 적었으니, 이제 다시 프로젝트 진행하면서 배운 내용 멋지게 문서화 해보자. 

오늘 공부한 내용 📝

• React
  • 미디어 쿼리를 활용한 반응형 웹을 구현했다.
  • 이미지가 넘어가는 모달을 구현했다.
  • 이미지 변경 시 애니메이션을 keyframe을 통해 추가 했다. 
  • 이미지 URL이 담긴 배열 데이터를 JSON에 담고 데이터를 화면 상에서 보여주는 것에 대해 익숙해졌다.
• React-Native
  • 수업 요일 및 시간 추가 컴포넌트를 기존 폼 컴포넌트에서 분리해서 관리하고자 했다.
  • 시작일 설정 컴포넌트를 추가했다.
  • 수업 요일 추가 시 state가 한 박자 늦게 나타나는 오류를 setState에 배열에 데이터를 추가할 때, 새롭게 배열을 선언하고 이를 setState에 반영하는 방식과 useEffect를 함께 활용하면서 해결했다.  

궁금한 내용 / 부족한 내용 🧐

• 내가 원하는 디자인이 모바일이나 다른 기기에서도 잘 보여질 수 있도록,
  em, rem 사용법에 조금 더 익숙해지고, 노련해질 필요가 있어 보인다.
• 비동기, 동기에 관한 이론적 정리가 필요해 보인다. 알고 있지만 헷갈릴 때가 있다. 

느낀 점 🤔

잘하고 있다.

오늘 공부한 내용 📝

• React Native
  • dayjs 라이브러리 설치 및 사용법 숙지
  • DayPicker 라이브러리 설치 및 사용법 숙지
  • 과외 수업 추가 스크린 컴포넌트 구현
  • 수업 시간 선택 모달 라이브러리 통해 구현
• React
  • JSON 파일에서 데이터 사용법에 대하여 조금 더 확실하게 알게 되었다.
  • 예를 들어, 객체 안에 객체가 들어가거나, 객체 안에 배열이 들어갔을 때,
    어떤 식으로 호출해야 하는지에 대해 익숙해진 것 같다.

궁금한 내용 / 부족한 내용 🧐

• dayjs에서 날짜 타입을 문자열 타입으로 바꾸거나, 해당 문자열의 포맷을 바꾸는 것에 더 익숙해져야 할 것이다. 
  

느낀 점 🤔

잘 해내가고 있다. 하나씩 배워가면 된다. 밀리지 않게 열심히 하자.

오늘 공부한 내용 📝

• React - 개인 포트폴리오 프로젝트
  • 여백을 줄 수 있는 Margin 컴포넌트 구현
  • 폰트 및 아바타 이미지 추가
  • 마크다운 h1, h2, h3에 대한 정규표현식 구현
  • 육각형 다이어그램 UI 구현
  • 홀로그램 색상 애니메이션 구현

궁금한 내용 / 부족한 내용 🧐

• 육각형 다이어그램 구현하는데 있어서,
  처음에는 라이브러리를 사용하려 했다가,
  커스터마이징이 어려운 부분을 느끼고,
  직접 다이어그램을 구현했다.
• 이에 대한 위치와 배치가 조금 더 깔끔하게 들어갔으면 한다. 

느낀 점 🤔

이 날은 지금 보니까 폭풍 작업을 했던 날이었다.항상 이 날과 같기를...