본문 바로가기

전체 글119

[WIL] (22.07.04~10) 세 번의 면접 세 번의 면접 이번 주에 세 번의 면접을 보았다. 각 회사의 면접 스타일과 방식, 주요 확인 지점이 달랐다. 내가 무엇이 부족한지 객관적으로 확인할 수 있는 시간이었고, 좋은 경험이었다. 회고 면접 회고 내용은 개인 notion 에 기록해두고, 다음 주 목표로 회고 결과를 대체한다. 결국 중요한 건 기초를 다지고, 코드를 많이 쳐보면서 연습하는 수밖에 없다는 생각이 든다. 가장 빠른 압축성장은 실무를 통해 이룰 수 있다고 생각한다. 좋은 실무 경험을 할 수 있는 곳을 찾아 지원하고, 커리어 패스를 구체화해나가자. 다음 주 목표 다음주에는 아래의 내용을 중점으로 공부해보려 한다. Javascript 모던 자바스크립트 Deep Dive 의 후반부 내용들까지 제대로 읽어보려고 한다. this 실행 컨텍스트 객.. 2022. 7. 10.
[JavaScript] 자바스크립트는 뭔가요? 프로토타입 기반 객체지향 프로그래밍 자바스크립트는 뭔가요? 자바스크립트는 명령형, 함수형, 프로토타입 기반 객체지향 프로그래밍을 지원하는 멀티 패러다임 프로그래밍 언어이다. 💡 자바스크립트에서 Class 자바스크립트에서 class는 ES6 에서 도입되었다. ES6 의 클래스가 기존 프로토타입 기반 객체지향 모델을 폐지하고 새로운 객체지향 모델을 제공하는 것은 아니다. 사실 클래스도 함수이며, 기존 프로토타입 기반 패턴의 문법적 설탕이라고 볼 수 있다. 편리함을 제공하기 위해 만든 것이라는 의미이다. 객체 지향 프로그래밍 (OOP, Object Oriented Programming) 객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합.. 2022. 7. 5.
[TIL] (22.07.05) 객체 지향 프로그래밍, React 렌더링 과정, TDD 오늘 한 일들 1. JavaScript 개념 공부 자바스크립트는 뭔가요? 객체 지향 프로그래밍 2. React 개념 공부 왜 setState 는 비동기인가요? 리액트 렌더링 과정 3. TDD 개념 공부 및 코딩 회고 1. JavaScript 모던 자바스크립트를 읽으며 JavaScript 개념을 팠다. 개념들이 계속 이어져 있어서 책을 앞뒤로 왔다갔다 하면서 읽어나갔다. 2. 리액트 리액트의 랜더링 과정에서 batch update, reconcilation 개념이 중요한 것 같다. 조금 더 파보아야할 것 같다. 3. TDD 테스트 코드 작성을 꾸준히 해보아야겠다는 생각. 2022. 7. 5.
[프로그래머스] 체육복 - 자바스크립트 문제 설명 점심시간에 도둑이 들어, 일부 학생이 체육복을 도난당했습니다. 다행히 여벌 체육복이 있는 학생이 이들에게 체육복을 빌려주려 합니다. 학생들의 번호는 체격 순으로 매겨져 있어, 바로 앞번호의 학생이나 바로 뒷번호의 학생에게만 체육복을 빌려줄 수 있습니다. 예를 들어, 4번 학생은 3번 학생이나 5번 학생에게만 체육복을 빌려줄 수 있습니다. 체육복이 없으면 수업을 들을 수 없기 때문에 체육복을 적절히 빌려 최대한 많은 학생이 체육수업을 들어야 합니다. 전체 학생의 수 n, 체육복을 도난당한 학생들의 번호가 담긴 배열 lost, 여벌의 체육복을 가져온 학생들의 번호가 담긴 배열 reserve가 매개변수로 주어질 때, 체육수업을 들을 수 있는 학생의 최댓값을 return 하도록 solution 함수를.. 2022. 7. 4.
[TIL] (22.07.02) 자료구조&알고리즘, OS, 네트워크, 자바스크립트, 리액트 오늘 한 일 1. 기본기 다지기 (강의) 자료구조 & 알고리즘 강의 수강 : Big O, 스택 React TDD 강의 찾기 : 인프런, 드림코딩 중 택 1 하여 수강 예정 2. 기술면접 대비 Notion 정리 OS 메모리 구조 프로그램 & 프로세스 & 스레드 네트워크 OSI 7 layer HTTP, HTTPS, TCP, UDP, IP 등등 자바스크립트 var, let, const 깊은 복사, 얕은 복사 이벤트 루프 실행 컨텍스트 브라우저 브라우저 렌더링 과정 DOM Virtual DOM 프론트엔드 전반 SSR, CSR SPA, MPA 메모이제이션 React React 의 등장 배경, 사용하는 이유 React 가 리렌더링 하는 방식 Angular, Vue, React 의 차이점 회고 1. 많은 범위를 훑는.. 2022. 7. 2.
[프로그래머스] 실패율 - 자바스크립트 문제 설명 슈퍼 게임 개발자 오렐리는 큰 고민에 빠졌다. 그녀가 만든 프랜즈 오천성이 대성공을 거뒀지만, 요즘 신규 사용자의 수가 급감한 것이다. 원인은 신규 사용자와 기존 사용자 사이에 스테이지 차이가 너무 큰 것이 문제였다. 이 문제를 어떻게 할까 고민 한 그녀는 동적으로 게임 시간을 늘려서 난이도를 조절하기로 했다. 역시 슈퍼 개발자라 대부분의 로직은 쉽게 구현했지만, 실패율을 구하는 부분에서 위기에 빠지고 말았다. 오렐리를 위해 실패율을 구하는 코드를 완성하라. 실패율은 다음과 같이 정의한다. 스테이지에 도달했으나 아직 클리어하지 못한 플레이어의 수 / 스테이지에 도달한 플레이어 수 전체 스테이지의 개수 N, 게임을 이용하는 사용자가 현재 멈춰있는 스테이지의 번호가 담긴 배열 stages가 매개변.. 2022. 6. 29.
[프로그래머스] 소수 찾기 - 자바스크립트 직접 짠 코드가 몇 개 시간초과가 떠서, 결국 에라토스테네스의 체를 검색하여 풀었다. 문제 설명 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요. 소수는 1과 자기 자신으로만 나누어지는 수를 의미합니다. (1은 소수가 아닙니다.) 제한 조건 n은 2이상 1000000이하의 자연수입니다. 입출력 예nresult 10 4 5 3 입출력 예 설명 입출력 예 #1 1부터 10 사이의 소수는 [2,3,5,7] 4개가 존재하므로 4를 반환 입출력 예 #2 1부터 5 사이의 소수는 [2,3,5] 3개가 존재하므로 3를 반환 문제 풀이 function solution(n) { var answer = 0; const arr = []; for (let k = 0; k <.. 2022. 6. 29.
[프로그래머스] 나머지가 1이 되는 수 - 자바스크립트 문제 설명 자연수 n이 매개변수로 주어집니다. n을 x로 나눈 나머지가 1이 되도록 하는 가장 작은 자연수 x를 return 하도록 solution 함수를 완성해주세요. 답이 항상 존재함은 증명될 수 있습니다. 제한사항 3 ≤ n ≤ 1,000,000 입출력 예nresult 10 3 12 11 입출력 예 설명 입출력 예 #1 10을 3으로 나눈 나머지가 1이고, 3보다 작은 자연수 중에서 문제의 조건을 만족하는 수가 없으므로, 3을 return 해야 합니다. 입출력 예 #2 12를 11로 나눈 나머지가 1이고, 11보다 작은 자연수 중에서 문제의 조건을 만족하는 수가 없으므로, 11을 return 해야 합니다. 문제 풀이 나머지가 1이 나오도록 하는 가장 작은 수를 구하면 되므로, 반복문에서 if 조건문.. 2022. 6. 27.
[프로그래머스] K번 째 수 - 자바스크립트 문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 array, [i, j, k]를 원소로 가진 2차원 배열 commands가 매개변수로 주어질 때, commands의 모든 원소에 대해 앞서 설명한 연산을 적용했을 때 나온 결과를 배열에 담아 return 하도록 solution 함수를 작성해주세요. 제한사항 array의 길이는 1 이상 100 이하입니다. a.. 2022. 6. 27.

티스토리툴바