배포에 대해 학습하고 실습하는 시간을 가졌다.기존 서버의 경우 전산실 등에 컴퓨터를 배치하고 인터넷을 연결해 서비스를 제공했다.수용 능력에 한계(주기전인 유지 관리, 공간의 한계)를 느꼈고 이를 해결하기 위해 클라우드가 등장했다.이는 가상화(Virtualization)

n개 간격의 원소들 문제 설명 정수 리스트 numlist와 정수 n이 주어질 때, numlist의 첫 번째 원소부터 마지막 원소까지 n개 간격으로 저장되어있는 원소들을 차례로 담은 리스트를 return하도록 solution 함수를 완성해주세요. 제한사항 5 ≤ num

문자열들이 담긴 리스트가 주어졌을 때, 모든 문자열들을 순서대로 합친 문자열을 꼬리 문자열이라고 합니다. 꼬리 문자열을 만들 때 특정 문자열을 포함한 문자열은 제외시키려고 합니다. 예를 들어 문자열 리스트 "abc", "def", "ghi"가 있고 문자열 "ef"를 포

✔️ 시작 📍 배운 것 ✏️ 마치며

✔️ 시작 📍 알게 된 점 숫자형 열거형(Enum) 특정 값의 집합을 정의할 때 사용된다. 숫자형, 문자열 또는 이 두가지의 조합으로 정의될 수 있다. 기본 값은 숫자 형을 사용한다. 각 값은 자동으로 0부터 시작해 1씩 증가한다. (수동으로 값을 지정할 수 있다.

마이크로 소프트에서 개발한 JavaScript의 상위 집합(Superset)언어이다.JavaScript에 정적 타입 검사와 클래스 기반 객체지향 프로그래밍 등의 기능을 추가해 개발된 언어이다.JavaScript가 발전하면서 생긴 단점(타입의 명시성이 부족한 단점으로 인

아무 원소도 들어있지 않은 빈 배열 X가 있습니다. 양의 정수 배열 arr가 매개변수로 주어질 때, arr의 앞에서부터 차례대로 원소를 보면서 원소가 a라면 X의 맨 뒤에 a를 a번 추가하는 일을 반복한 뒤의 배열 X를 return 하는 solution 함수를 작성해

조건에 맞게 수열 변환하기 1 문제 설명 정수 배열 arr가 주어집니다. arr의 각 원소에 대해 값이 50보다 크거나 같은 짝수라면 2로 나누고, 50보다 작은 홀수라면 2를 곱합니다. 그 결과인 정수 배열을 return 하는 solution 함수를 완성해 주세요.

일단 계속 진행은 했지만... 모르겠다.. 이게 맞나..?결론만 말하자면 솔직히 많이 진행하지 못했다.또한 이게 맞나? 싶기도 하다. 그래서 간략하게만 작성하려고 한다.Logo.jsLogo.stories.js사실 로고의 "Coz Shopping" 부분을 label로 바

기존에 구현한 솔로 프로젝트에 Storybook을 사용해 프로젝트 인터페이스를 디자인 시스템으로 변환하는 작업을 진행했다.Storybook 먼저 설치해야하지만 그 부분은 이전 학습에서 동일한 방식으로 진행되어 굳이 작성하지 않았다.기존의 프로젝트에서 사용 중인 모든 U

정수 리스트 num_list가 주어질 때, 마지막 원소가 그전 원소보다 크면 마지막 원소에서 그전 원소를 뺀 값을 마지막 원소가 그전 원소보다 크지 않다면 마지막 원소를 두 배한 값을 추가하여 return하도록 solution 함수를 완성해주세요.2 ≤ num_list

영소문자로 이루어진 문자열 my_string과 영소문자 1글자로 이루어진 문자열 alp가 매개변수로 주어질 때, my_string에서 alp에 해당하는 모든 글자를 대문자로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요.1 ≤ my_string의

디자인 시스템, 아토믹 디자인, storybook을 활용한 디자인 시스템 등에 대해 학습했다.디자인 원칙 부터 재사용할 수 있는 UI 패턴과 컴포넌트 코드로 구성된 시스템전체 서비스에 효율적이고 일관된 디자인을 적용할 수 있도록 도와준다.디자인 원칙, 스타일 가이드,

모.자.딥.다 공부 중 옵셔널 체이닝 연산자 덕분에 유용하게 해결한 적이 있기도 하고알아부면 이후 TypeError를 방지하기도 좋을 거 같아 가지고 왔다.좌항에 ?.을 붙여 준다.ES11에서 도입되었다.a?.b 좌항의 피연산자가 null이거나 undefined인 경우

'm'과 "rn"이 모양이 비슷하게 생긴 점을 활용해 문자열에 장난을 하려고 합니다. 문자열 rny_string이 주어질 때, rny_string의 모든 'm'을 "rn"으로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요.1 ≤ rny_strin

그동안 배웠던 Hook을 이용해 과제를 푸는 형식의 과제를 진행했다.json 파일을 이용해 REST API 서버를 구축해 주는 라이브러리이다.전역에 설치해 준다.React 앱 파일 내에 설치하면 제대로 작동하지 않을 수 있다.data 폴더로 이동 뒤 \--port 30

문자열에 따라 다음과 같이 두 수의 크기를 비교하려고 합니다.두 수가 n과 m이라면">", "=" : n >= m"<", "=" : n <= m">", "!" : n > m"<", "!" : n < m두 문자열 ineq와 eq가 주어집니다. ine

Custom Hooks, 코드 분할에 대해 학습했다.개발자가 스스로 커스텀한 Hook을 의미한다. \- 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있다. 주로 여러 url을 fetch할 때, 여러 input에 의한 상태 변경 등 반복되는 로직을 동일한

📍 마치며

React에 대해 좀 더 심화적인 부분에 학습했다.React는 UI의 상태를 추적하고 변화가 일어난 요소들을 빠르게 업데이트할 수 있도록 가상 DOM이라는 가상의 DOM 객체를 활용한다.가상 DOM이 생기게 된 이유는 이전 DOM으로 부터 거슬러 올라가야한다.문서 객체