FrontJin

오늘은 숙련주차 개인과제, 포켓몬 도감의 제출날이다. 자바스크립트, 리액트 입문, 숙련을 거치면서 솔직히 백지에서 코드를 짜라고 하면 못 짤 정도의 실력으로 튜터님들과 지피티에게 많이 의존해 왔다. 그런데 이번 포켓몬 도감 과제를 수행하면서 실력이 쑤욱 느는 경험을 해 기록을 남기고자 한다.  백지에서 코드를 짠다면 나는 rafce만 칠 거야 뭔가 바뀌어야겠다는 생각을 한 건 스탠다드반 타임어택 실습을 진행하고 나서였다. 입문 주차 실습은 올림픽 메달 추적기 만들기였는데, 튜터님들의 실시간 가이드가 준비되어 있어 튜터님들이 로직 힌트를 주고 과제 완성까지 같이 달려주는 식으로 진행되었었다. 모르는 건 바로바로 물어보고 튜터님들이 주신 힌트 코드를 로직대로 짜맞추기 하면서 솔직히 엄청 재미있었다. 실력이 ..

문제 설명프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다.전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건phone_number는 길이 4 이상, 20이하인 문자열입니다.입출력 예phone_number                                                                                   return"01033334444""*******4444""027778888""*****8888" 풀이 과정더보기문제를 보고 slice, push 같은 메서드가 자연스럽게 생각났..

문제 설명array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열을 반환하는 함수, solution을 작성해주세요.divisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 반환하세요. 제한사항arr은 자연수를 담은 배열입니다.정수 i, j에 대해 i ≠ j 이면 arr[i] ≠ arr[j] 입니다.divisor는 자연수입니다.array는 길이 1 이상인 배열입니다.입출력 예arr                                                                                 divisor                                                   return[5, ..

문제 설명 String형 배열 seoul의 element중 "Kim"의 위치 x를 찾아, "김서방은 x에 있다"는 String을 반환하는 함수, solution을 완성하세요. seoul에 "Kim"은 오직 한 번만 나타나며 잘못된 값이 입력되는 경우는 없습니다. 제한 사항 seoul은 길이 1 이상, 1000 이하인 배열입니다. seoul의 원소는 길이 1 이상, 20 이하인 문자열입니다. "Kim"은 반드시 seoul 안에 포함되어 있습니다.입출력 예 seoul                              return ["Jane", "Kim"]       "김서방은 1에 있다" 풀이 과정더보기또 다른 줄글 문제에 정신이 혼미해졌지만, 어떻게 풀지 고민해보았다. //위치를 어떻게 찾지// for..

- 자바스크립트에서 조건이 참('true')인 동안 특정 코드 블록을 반복해서 실행하는 제어 구조. 조건이 거짓('false')이 되면 반복이 종료된다.- 주로 반복 횟수가 사전에 정해지지 않았고, 특정 조건이 충족될 때 까지 반복해야 하는 경우에 사용한다.  기본 구조while(조건){ //조건이 참일 때 실행될 코드}- 조건 : 'while'문에 있는 조건식이 'true'로 평가되는 동안, 'while'블록 내의 코드가 반복해서 실행된다.- 조건이 처음부터 'false'라면 'while' 블록 내의 코드가 한 번도 실행되지 않는다.  예제1. 숫자 세기 -1부터 10까지의 숫자를 출력하는 간단한 while 루프let count = 1;while(count- count가 1부터 시작하여 10까지 반복된..

문제함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다. 제한 조건n은 1이상 8000000000 이하인 자연수입니다. 입출력 예     n          return118372     873211 풀이 과정더보기더보기이번엔 어떻게 접근해야 하는지는 떠올랐으나, 적절한 메서드가 잘 안떠올랐고 알고 있는 메서드(인줄 알았는데 함수였다)도 제대로 사용하기 어려워했다. //정수 n을 문자열로 바꾸고//하나씩 떼서 - slice? slice는 배열 메서드라서 안됨//정렬해서//다시 붙여서//숫자로 바꾸기 n차 코드(자잘한 수정을 거친)function solution(n)..

문제 설명 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니다. s는 "0"으로 시작하지 않습니다.입출력 예 예를들어 str이 "1234"이면 1234를 반환하고, "-1234"이면 -1234를 반환하면 됩니다. str은 부호(+,-)와 숫자로만 구성되어 있고, 잘못된 값이 입력되는 경우는 없습니다. 풀이 과정더보기문제를 보자마자 든 생각은 '그냥 Number 쓰면 되는 거 아닌가?'였다. 그렇지만 어떤 함정이 있을 줄 몰랐기에 일단 아는 걸 작성해서 코드 실행해 보기로 했다.  1차 코드function solution(s) { let s..

컴포넌트 분리를 끝내고 튜터님에게 질문을 하러 갔다. 여러 가지를 물어봤는데, 그중에서 기록할만한 것들을 적는다. 장장 50분 정도 멘토링을 받았는데 내가 이해를 못해도 천천히 자세히 가르쳐주셔서 정말 좋았다. 어제 Medal Tracker 같이 한 것도 그렇고 튜터님들이 너무 좋다. 친절하고 열심히 가르쳐 주시고 알아듣기 쉽다. 코딩도 자바스크립트는 좀 힘들었는데 적응 하고 튜터님들 도움 받기 시작하니까 리액트 들어와서는 좀 속도가 나는 것 같다. 어떻게 코딩 공부를 해야 하는지 조금은 알 것 같기도 하고. 그래서 요즘 좀 재밌다.  컴포넌트 분리- App.jsx를 부모로 Input,List,Title를 .jsx 파일을 만들어 나누었다.- 컴포넌트를 어느 정도로 잘게 나누어야 하는지 튜터님한테 물어봤는..