Jieunny의 블로그

📣 강의 내용 정리 𝟭. 타입스크립트를 사용하는 이유 ➰ 자바스크립트에서 발생하는 예상하지 못한 에러를 사전에 방지할 수 있다. function add(num1, num2) { return num1 + num2; } add(1, 2); // 3 add('1', 2); // '12' ➰ 개발자가 의도한 것은 number 값 두개를 더하는 것이었으나, string 값이 하나 들어오면 자바스크립트는 문자열을 이어서 반환한다. ➰ 이를 방지하기 위해서는 분기를 나누는 과정이 필요하다. ➰ 하지만 타입스크립트에서는 이를 코드 작성 중간에 알 수 있도록, 예상한 타입이 아니면 에러를 표시해준다. 𝟮. 타입스크립트 컴파일 tsc 파일이름 ➰ tsc app.ts 실행 시 app.js 파일을 얻는다. 𝟯. lite-se..

➰ 61일차 61일차..!! 오전에만 페어 활동하고, 오후는 페어분이 불참이셔서 나 혼자 진행했다! 오늘은 프로그래머스 문제도 몇개 풀고, 예습도 조금 하고 꽉 채워서 공부 하고 4시에 조퇴..🥺 이따 스터디하고 후기 쓰러와야겠다 + 아직 정기모임 날짜만 정하고 구체적인 계획이 세워지지 않아서 잘 모르겠다. 일단 다음주까지 공부 해보고 정하기루 했다!!

📣 재귀로 Tree UI 구현하기 1️⃣ Test 조건 ✔️ 안에 tree view를 구성합니다. ✓ ul#root 엘리먼트가 존재해야 합니다. ✓ ul#root 엘리먼트 안에 tree view를 구현해야 합니다. ✔️ menu 데이터를 사용해 tree view를 구성합니다. ✓ ul#root 엘리먼트 안에 카테고리(음료, 음식, 굿즈, 카드)를 렌더링할 4개의 li 엘리먼트가 있어야 합니다. ✓ 카테고리(음료, 음식, 굿즈, 카드) 엘리먼트 안에는 각각 자식 노드를 보여주고 감춰줄 checkbox가 존재해야 합니다. ✓ 음료, 음식, 굿즈, 카드 카테고리 이름(name)을 span 태그로 감싸야 합니다. ✓ 자식 노드가 없는 데이터의 경우, li 엘리먼트 안에 단순히 이름(name)만 표시합니다. (c..

📣 재귀로 JSON.stringify 메서드 구현하기 1️⃣ Test 조건 ✓ 객체는 문자열 "9"로 변환되어야 합니다 ✓ 객체는 문자열 "null"로 변환되어야 합니다 ✓ 객체는 문자열 "true"로 변환되어야 합니다 ✓ 객체는 문자열 "false"로 변환되어야 합니다 ✓ 객체는 문자열 ""Hello world""로 변환되어야 합니다 ✓ 객체는 문자열 "[]"로 변환되어야 합니다 ✓ 객체는 문자열 "[8]"로 변환되어야 합니다 ✓ 객체는 문자열 "["hi"]"로 변환되어야 합니다 ✓ 객체는 문자열 "[8,"hi"]"로 변환되어야 합니다 ✓ 객체는 문자열 "[1,0,-1,-0.3,0.3,1343.32,3345,0.00011999]"로 변환되어야 합니다 ✓ 객체는 문자열 "[8,[[],3,4]]"로 변환되..

📣 JSON의 탄생 배경 ✔️ JSON : JavaScript Object Notation ➰ 데이터 교환을 위해 만들어진 객체 형태의 포맷 ➰ 데이터를 전송 가능한 조건 ﹒ 수신자와 발신자가 같은 프로그램을 사용한다. ﹒ 또는, 문자열처럼 범용적으로 읽을 수 있어야 한다. ➰ 객체는 타입 변환을 이용해 String으로 변환할 경우 객체 내용을 포함하지 않는다 -> JS에서 객체를 문자열로 변환하기 위해 메서드 .toString()이나 String(str)을 사용하면 [object Object] 라는 결과를 리턴한다. ➰ 이를 해결하는 방법은 객체를 JSON의 형태로 변환하거나 JSON을 객체의 형태로 변환하는 것이다. ﹒ JSON.stringiify : 객체를 JSON으로 변환한다(직렬화) ﹒ JSON..

📌 문제 Leo는 카펫을 사러 갔다가 아래 그림과 같이 중앙에는 노란색으로 칠해져 있고 테두리 1줄은 갈색으로 칠해져 있는 격자 모양 카펫을 봤습니다. Leo는 집으로 돌아와서 아까 본 카펫의 노란색과 갈색으로 색칠된 격자의 개수는 기억했지만, 전체 카펫의 크기는 기억하지 못했습니다. Leo가 본 카펫에서 갈색 격자의 수 brown, 노란색 격자의 수 yellow가 매개변수로 주어질 때 카펫의 가로, 세로 크기를 순서대로 배열에 담아 return 하도록 solution 함수를 작성해주세요. 제한사항 갈색 격자의 수 brown은 8 이상 5,000 이하인 자연수입니다. 노란색 격자의 수 yellow는 1 이상 2,000,000 이하인 자연수입니다. 카펫의 가로 길이는 세로 길이와 같거나, 세로 길이보다 깁..