안녕하세요

1. 렌더링되는 화면과 데이터를 불러오는 시간 차이 해결 옵셔널 체이닝으로 React의 life cycle로 인해 발생하는 undefined 문제를 경우에 따라 간단하게 해결할 수 있습니다. 옵셔널체이닝은 ?.앞의 평가대상이 undefined나 null이면 평가를 멈추고 undefined를 반환하게 됩니다. undefined로 인한 렌더 오류가 있을 때 옵셔널체이닝을 적용하면 데이터를 불러온 뒤에 화면에 렌더링 되도록 합니다. 2. 디버깅을 어렵게 하니 존재하지 않아도 되는 값에만 사용 하지만 많은 경우에 undefined가 존재할 수 있기 때문에 남용을 하게 되면 나중에 디버깅이 힘들어지게 됩니다. 따라서 평가대상이 존재하지 않아도 상관이없는, 예를 들어 특정 객체의 속성 중요하지 않은 속성과 같은 경..

data폴더에 받아온 data를 props에 담아 전달할 것입니다. 변수를 만들고 변수명으로 export 해줍니다. const company = { name: "쇼핑몰", adress: "부산", tel: "00000000", fax: "11111111", }; const profile = { slogan: "슬로건입니다.", }; const content = [ { con: "슬로건01", des: "내용01" }, { con: "슬로건02", des: "내용02" }, { con: "슬로건03", des: "내용03" }, ]; export { company, profile, content }; 변수를 import 하여 props로 전달합니다. import React from "react"; impo..

이상한 문자 만들기 문제 설명 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수, solution을 완성하세요. 제한 사항 문자열 전체의 짝/홀수 인덱스가 아니라, 단어(공백을 기준)별로 짝/홀수 인덱스를 판단해야합니다. 첫 번째 글자는 0번째 인덱스로 보아 짝수번째 알파벳으로 처리해야 합니다. 입출력 예sreturn "try hello world" "TrY HeLlO WoRlD" 입출력 예 설명 "try hello world"는 세 단어 "try", "hello", "world"로 구성되어 있습니다. 각 단어의 짝수번째 문자를 대문자로, 홀수번째 문자를..

같은 숫자는 싫어 문제 설명 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면, arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return 합니다. arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return 합니다. 배열 arr에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 return 하는 solution 함수를 완성해 주세요. 제한사항 배열 arr의 크기 : 1,000,000 이하의 자연수 배열 arr의 원소의 크기 ..