투명한유리구슬처럼보이지만 투명한유리구슬처럼보이지만

내 첫 프로젝트를 하게됐다. 처음에는 사전스터디 멤버들과 함께 하기로했었지만 백엔드 선택한 분들은 아직 자바공부중인데 내가 거기까지 알지 못하다보니 너무 추진한것도 있었다. 다행히 본격적으로 시작하기 전에 여러 사정으로 인해 프로젝트는 무산이 됬지만 남자친구랑 개인프로젝트로 남자친구가 서버단으로 나는 프론트단으로 프로젝트를 하기로했다 비록 첫 아이디어는 도영님이였지만 좋은 취지인거 같아서 계속 이어서 꼭 만들고 싶다는 생각이 들었다. 아직 리엑트강의를 처음부터 끝까지 들은게 아니여서 어려움이 많긴했는데 강의에서 내가 필요한 부분을 찾아본다던가 구글링, chetGPT로 찾아가면서 만드니까 조금씩 그래도 틀이 잡히기 시작했다. 비록 만들면서 css부분이라던가 리엑트에서 막히거나 안풀릴때 준영님이나 규식매니저..

중복된 숫자 갯수 문제 설명 정수가 담긴 배열 array와 정수 n이 매개변수로 주어질 때, array에 n이 몇 개 있는 지를 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ array의 길이 ≤ 100 0 ≤ array의 원소 ≤ 1,000 0 ≤ n ≤ 1,000 입출력 예 array n result [1, 1, 2, 3, 4, 5] 1 2 [0, 2, 3, 4] 1 0 입출력 예 설명 입출력 예 #1 [1, 1, 2, 3, 4, 5] 에는 1이 2개 있습니다. 입출력 예 #2 [0, 2, 3, 4] 에는 1이 0개 있습니다. 내가 푼 답 function solution(array, n) { return array.filter((e) => e === n).length } c..

문자열 뒤집기 문제 설명 문자열 my_string이 매개변수로 주어집니다. my_string을 거꾸로 뒤집은 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 입출력 예 my_string return "jaron" "noraj" "bread" "daerb" 입출력 예 설명 입출력 예 #1 my_string이 "jaron"이므로 거꾸로 뒤집은 "noraj"를 return합니다. 입출력 예 #2 my_string이 "bread"이므로 거꾸로 뒤집은 "daerb"를 return합니다. function solution(my_string) { return my_string.split('').reverse().join('') } function ..

머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n 과 k 가 매개변수로 주어졌을 때, 양꼬치 n 인분과 음료수 k 개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solution 함수를 완성해보세요. function solution(n, k) { return 12000 * n + (k - parseInt(n / 10)) * 2000 } console.log(solution(10, 3)) 머쓱이네 피자가게는 피자를 일곱 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n 이 주어질 때, 모든 사람이 피자를 한 조각 이상 먹기 위해 필요한 피자의 수를 return 하는 solution 함수를 완성해보세..

오늘은 팀원들과 알고리즘 기초 풀기를 들어갔다. 짝수의 합 문제 설명 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. 제한사항 0 a + b) / numbers.length } console.log(solution([1, 2, 3, 4, 5, 6, 7, 8, 9, 10])) 처음엔 reduce를 사용해서 풀이를 했지만 for문을 좀 더 익숙해보자 두가지로 만들었다. function solution(numbers) { let sum = 0 for (i = 0; i < numbers.length; i++) { sum += numbers[1] } return sum / numbers.length } console.log(solution([1, 2..

객체의 기본 객체란? 실제로 존재하는 사물을 의미하고 이름과 값으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입 객체에는 배열도 포함된다. typeop([]) //"object" 출력된 object가 객체이다. 배열은 객체 기반으로 만들어졌으며 배열에는 인덱스와 요소가 있다. 객체는 키와 값으로 표현이 된다. 키:값 const product = { 제품명: '7D 건조 망고', 유형: '당절임', 성분: '망고,설탕', 원산지: '필리핀' } 키값에는 제품명, 유형, 성분, 원산지가 들어가고 속성값에는7D건조망고, 당절임, 망고, 설탕, 필리핀이 들어간다. console.log(product['제품명']) console.log(product['유형']) console.log(product['성분'..

리엑트 Lifecycle 제어하기 - useEffect Class React Component Only(아래 함수들은 class형 컴포넌트에서만 사용가능) Mount ComponentDidMount 컴포넌트가 태어나는 순간에 어떤걸 수행할 수 있는 함수 Update ComponentDidUpdate 컴포넌트가 변화하는 순간에 사용할 수 있는 함수 Unmount ComponentWillUnmount 컴포넌트가 사라지기 이전에 호출 할 수 있는 함수 원래 state같은 기능들은 함수형 컴퍼넌트는 사용이 불가한데 React Hooks로 use키를 불러와서 함수처럼 사용할 수 있게 된다. Class형 컴포넌트의 길어지는 코드 길이 문제가 생기고 복잡하고 중복코드가 많아져 가독성의 문제등등으로 인해 React H..

함수 - 코드의 집합 필요할때마다 호출하여 반복적으로 사용할 수도 있다. 익명함수 - 이름이 붙어있지 않는 함수 let 함수 = function( ) { } 선언적 함수 - 이름이 있는 함수 function 함수( ) { } 리턴값 - 함수의 최종 결과를 리턴값이다. function f(x){ return x * x } console.log(f(3)) 기본적인 함수 예제 1. 윤년을 확인하는 함수 만들기 (윤년: 2월에 29일까지도 있는 년도) 4로 나누어 떨어지는 해는 윤년이다. 하지만 100으로 나누어 떨어지는 해는 윤년이 아니다. 하지만 400으로 나누어 떨어지는 해는 윤년이다. function isLeapYear(year) { return year % 4 === 0 && year % 100 !==..