본문 바로가기

전체 글99

It is Time to Switch Jobs? 🍎 Today's Expression Vocabulary - fluid: 유동적인 (like or able to change; not settled or stable) - turnover: 회전율 - resignation: 사직 - vested: 기득, 소유가 확정된 (legally entitled to a future benefit) - tangible: 명백한, 손으로 만져질 것 같은(perceptible by touch) - prompt: 즉각적인 - confidant: 절친한 친구, 믿고 속을 털어놓을 수 있는 (a person with whom one shares a secret or private matter, trusting them not to repeat it to others) - in.. 2023. 3. 28.
The power of Habit 🍎 Today's Expression Vocabulary - innocuous: 무해한 (not harmful or offensive) - to start from scratch: 맨 처음부터 다시 시작하다 (to begin from a point at which nothing had been done) - daunting: 겁나는, 무리한 (seeming difficult to deal with in prospect; intimidating) 👩🏻‍🏫 Overall Feedback Great job, Ella! We covered a lot of topics today and got a lot of paraphrasing in! In general, you demonstrated strong clari.. 2023. 3. 28.
연속된 한자리 홀수 숫자 사이에 - 를 추가한 문자열을 리턴하기 📜 문제 문자열을 입력받아 연속된 한자리 홀수 숫자 사이에 '-'를 추가한 문자열을 리턴해야 합니다. ⚠️ 주의사항 0은 짝수로 간주합니다. ✍🏻 내 풀이: parseInt( )로 정수 반환 function insertDash(str) { let newStr = str.charAt(0); // 문자열 순회 후 인덱스 단위로 쪼개기 for(let i=1; i 2023. 3. 27.
이제는 알아야겠다! CSR과 SSR의 차이점과 장단점 (SPA, MPA, SSG, Universal Rendering 까지) 아래 내용은 우아한테크:  [10분 테코톡] 🎨 신세한탄의 CSR&SSR 영상을 참고한 글입니다. 유익한 내용 발표해주신 신세한탄 님께 감사를 표하며, 영상을 통해 학습한 내용을 아래에 정리해 보았습니다.  1. SPA와 MPA의 차이점부터 짚어보기본격적으로 CSR과 SSR 개념에 다루기 전에, SPA와 MPA에 대해 짚어보자. 오늘날 웹 애플리케이션을 개발한다고 하면 대부분 React, Angular, Vue와 같은 자바스크립트 기반 프레임워크를 사용해 SPA를 개발한다. ✔️ SPA여기서 SPA란, Single Page Application의 약자로, 하나의 페이지로 구성된 웹 애플리케이션이다. SPA로 개발된 웹사이트에서는 카테고리에 있는 각 메뉴를 선택하면 보통 헤더는 고정되어 있는 상태로 메인.. 2023. 3. 26.
문자열에 등장하는 두 칸의 공백을 모두 한 칸의 공백으로 바꾼 문자열을 리턴하기 📜 문제 문자열을 입력받아 해당 문자열에 등장하는 두 칸의 공백을 모두 한 칸의 공백으로 바꾼 문자열을 리턴해야 합니다. ⚠️ 주의사항 - 두 칸을 초과하는 공백은 존재하지 않는다고 가정합니다. ✍🏻 내 풀이 : 직전 공백 여부 판단하는 변수 선언 function convertDoubleSpaceToSingle(str) { // 빈 문자열을 입력받은 경우, 빈 문자열 리턴하는 결과값 선언 let result = ''; // 각 문자 직전 공백 여부 판단하는 변수 선언 let beforeSpace = ''; // for loop로 해당 문자열 길이만큼 순회해서 for (let i = 0; i < str.length; i++) { // 직전 문자가 공백이고, 현재 문자도 공백인 경우 (즉, 현재 문자가 두 .. 2023. 3. 23.
개발 조직의 궁극적인 미션 개발 조직의 궁극적인 미션은 결국 우리가 가지고 있는 리소스를 활용해서 가장 빠르고 완벽하게 우리가 필요로 하는 제품을 만들어내는 거예요. 비즈니스는 추상적으로 생각하면 사용자에게 가치를 제공하고 그 가치에 상응하는 돈을 받으면서 가치를 제공하는데 들어간 비용보다 받는 돈이 많으면 성공하는 거잖아요. 이 과정에서 개발자는 사용자에게 제공하는 가치를 만드는 역할을 담당합니다. 이걸 가장 빠르고 완벽하게 만드는 것이 비즈니스에서 개발자들이 하는 역할이죠. - 넥슨 CTO 서금욱 2023. 3. 23.
문자열을 구성하는 각 단어의 첫 글자가 대문자인 문자열을 리턴하기 📜 문제 문자열을 입력받아 문자열을 구성하는 각 단어의 첫 글자가 대문자인 문자열을 리턴해야 합니다. ⚠️ 주의사항 - 단어는 공백으로 구분합니다. - 연속된 공백이 존재할 수 있습니다. - 빈 문자열을 입력받은 경우, 빈 문자열을 리턴해야 합니다. ✍🏻 내 풀이 function letterCapitalize(str) { // 입력: str // 출력: 문자열을 구성하는 각 단어들의 첫 글자가 대문자로 된 문자열 리턴 // 비어있는 배열을 만들고, 전달받은 문자열을 space를 기준으로 각 단어로 잘라, 배열에 저장 let words = str.split(' '); // 위의 배열을 문자열 길이까지 for loop를 돌려 for (let i = 0; i < words.length; i++) { // 각 .. 2023. 3. 21.
순서가 뒤집힌 문자열을 리턴하기 📜 문제 문자열을 입력받아 순서가 뒤집힌 문자열을 리턴해야 합니다. ✍🏻 내 풀이: for loop 활용 function firstReverse(str) { // 입력: str // 출력: 순서가 뒤집힌 문자열 // 새로 생성될 문자열을 담을 빈 문자열 만들기 let result = ''; // for loop) 반복문의 시작점은 문자열의 마지막 문자의 인덱스인 str.length -1임 // i가 0보다 크거나 같은 코드는 반복적으로 수행되고, 이때마다 i의 값을 줄임 for (let i = str.length -1; i >= 0; i--) { result = result + str[i]; // or result += str[i]; } // 반전된 문자열을 반환 return result; } ✍🏻 또다.. 2023. 3. 21.
문자열을 구성하는 각 단어의 첫 글자로 이루어진 문자열을 리턴하기 📜 문제 문자열을 입력받아 문자열을 구성하는 각 단어의 첫 글자로 이루어진 문자열을 리턴해야 합니다. ⚠️ 주의사항 - 단어는 공백 한 칸으로 구분합니다. - 연속된 공백은 없다고 가정합니다. - 빈 문자열을 입력받은 경우, 빈 문자열을 리턴해야 합니다. ✍🏻 내 풀이 function firstCharacter(str) { // 입력: str // 출력: 문자열을 구성하는 각 단어의 '첫 글자'로 이루어진 문자열 // 빈 문자열을 입력받은 경우, 빈 문자열을 리턴 if (str === '') { return ''; } // 비어있는 배열을 만들고, 전달받은 문자열을 space를 기준으로 각 단어로 잘라, 배열에 저장 let words = str.split(' '); let result = ''; // 모.. 2023. 3. 21.
2의 거듭제곱인지 여부를 리턴하기 📜 문제 수를 입력받아 2의 거듭제곱인지 여부를 리턴해야 합니다. ⚠️ 주의사항 - 반복문(while)문을 사용해야 합니다. - 2의 0승은 1입니다. - Number.isInteger, Math.log2, Math.log 사용은 금지됩니다. ✍🏻 내 풀이 function powerOfTwo(num) { // 입력: num // 출력: 2의 거듭제곱인지 여부 boolean 타입 리턴 // 주의: while문 사용, 2의 0승은 1 // num이 1이면 무조건 true if (num === 1) { return true; } // num이 홀수면 무조건 false if (num % 2 === 1) { return false; } // 2를 거듭제곱해서 비교할 수의 초기값은 2 let poweredNum =.. 2023. 3. 21.
중요한건, 꺾여도 다시 일어나는 마음 - 부트캠프 1개월차 회고 👏 Keep 1. 건강한 식습관 안타깝게도 헬스를 하다가 발목 깁스를 해서 운동은 못했지만, 식습관만큼은 잘 지키고 있다. 워낙 몸이 무거운 느낌을 싫어하는 데다가 자취 시절 다져진 식습관 덕분에 별로 무리 없이 지내고 있다. 생각해 보니 배달음식을 한 번도 시키지 않고 집밥을 잘해 먹었다. 매번 건강한 재료와 음식을 함께 준비해 주시는 엄마, 매주 외식 겸 드라이브해주시는 아빠께 감사하다. 2. 마인드 컨트롤 온라인으로 진행되는 부트캠프 특성상 사람들의 멋진 결과물만 보이기에 당연히 비교되고 불안하다. 하지만 우리는 종종 타인의 하이라이트와 나의 어두운 면을 비교한다고 하지 않나. 나보다 잘하는 사람들은 그만큼 많이 노력했고 공부했기 때문에 잘하는 것이니 박수치고 존경해야 할 일이다. 굳이 내가 작아질.. 2023. 3. 13.
JavaScript의 스코프에 대해 설명해 주세요. 👩🏻‍💻 스코프에 대해서 설명해 주세요. 💁🏻‍♀️ 요약하자면 , 스코프는 변수에 접근할 수 있는 범위를 의미합니다. 자바스크립트 스코프에는 두 가지 타입이 있는데, 하나는 global(전역)과 local(지역) 입니다. 두 가지 차이 전역 스코프는 말그대로 전역에 선언되어있어 어느 곳에서든 해당 변수에 접근할 수 있다는 의미이며, 지역 스코프는 해당 지역에서만 접근할 수 있어 지역을 벗어난 곳에서는 접근할 수 없다는 의미 입니다. 함수 스코프 자바스크립트에서는 함수를 선언하면 함수를 선언할 때마다 새로운 스코프를 생성하는데요. 이때 함수 몸체 안에서 선언한 변수는 해당 함수 몸체 안에서만 접근할 수 있으며 이를 함수 스코프라고 합니다. 바로 함수 스코프가 지역 스코프의 예시라고 할 수 있습니다. 중요한.. 2023. 3. 13.