Salangdung_i의 기록

2021년 10월부터 JS/React를 공부하기 시작했다. 그 시점부터 지금까지 공부했을 때 도움이 된 강의/서적에 대한 리뷰 및 기록이다. [강의] 자바스크립트 기초 강의 (ES5+) ⭐️⭐️⭐️⭐️ 쇼핑몰 미니게임 클론 코딩 & 코드 리뷰 ⭐️⭐️⭐️ 지구에서 제일 쉽게 설명한 자료구조와 알고리즘 ⭐️ 포트폴리오 웹사이트 클론 코딩 ⭐️⭐️⭐️⭐️ 프론트엔드 필수 브라우저 101 ⭐️⭐️⭐️⭐️ Git 마스터 과정 (기본개념부터 실무팁까지) ⭐️⭐️⭐️⭐️ 리액트 기본 강의 && 실전 프로젝트 3개 ⭐️⭐️⭐️ 비전공자를 위한 개발자 취업 올인원 가이드 [통합편] ⭐️⭐️⭐️ 제주코딩베이스캠프 Code Festival: JavaScript 100제 ⭐️⭐️⭐️ [서적] 비전공자를 위한 이해할 수 있는..

선입선출(FIFO)알고리즘은 가장 먼저 들어와서 가장 오래있었던 페이지를 우선으로 교체 시키는 방법을 의미한다. hit일땐 실행시간이 1초, miss일때의 실행시간은 6초이다. 전체의 실행시간을 자바스크립트 코드로 구해보자. 문제보기 테스트케이스 페이지 페이지 프레임 실행시간 BCBAEBCE 3 38 ABCABCABC 3 24 ABCDABEABCDE 4 62 ABCEDF 0 36 ABCDABEA 3 43 내가 푼 코드이다. function solution(pageFrame, page) { let memory = []; let result = 0; for (let key of page) { let check = false; // 1. 메모리안에 포함되어있으면 히트이면서 메모안에 없을떄만 push if (m..

코딩테스트를 준비하면서 자주나오거나, 알아두어야 할 함수들을 정리해보았다. [정의] splice() 메서드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다. array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) [매개변수] start는 배열의 변경을 시작할 인덱스 deleteCount는 배열에서 제거할 요소의 수 item1, item2, ... 는 배열에 추가할 요소이다. 아무 요소도 지정하지 않으면 splice() 요소를 제거하면된다. [예시] let fruits = ['🍎', '🍏', '🍌', '🍓']; fruits.splice(0, 1, '🍇'); console.log(fruits); // 출력 결과 : ['..

월요일에 일어나자마자 코딩테스트를 봤다. 코테보면서 첫번째는 프로그래머스 lv.1보다 쉬운 수준의 문제라 5분정도 걸렸고 3번째도 SQL 조회문이라 가볍게 풀었다. 두번째 문제가 순열/조합을 사용한 문제였는데 실제로 구현해본 경험이 없어서 시간이 소요되었다. 이번주 면접일정들이 끝나면 순열/조합을 구현하는 연습을 해야겠다. 오후에는 계속 항목별로 나누어 기술면접과 XX사용 면접질문과 답변 스크립트를 만들었다. 오후에 6시쯤인가 아리아엣지에서 코테합격했다고 금주 중으로 면접일정을 잡자고해서 금요일로 잡았다. 저녁에 자려고 누웠는데 저번주에 In!t에서 신청한 포토폴리오/이력서 현직자 리뷰를 받았다. 가격이 저렴한데 무척이나 꼼꼼한 리뷰였다. 앞으로의 개발자로 방향성을 어떻게 잡아야할지 부족한점을 무엇인지 ..

자바스크립트를 공부하면서 어려웠던 개념은 클로저이다. 클로저는 스코프, 스코프 체인에 대한 지식이 있어야 이해할 수 있다. 스코프란 식별자에 대한 유효범위이다. 이렇게 말하면 어려운데 아래의 코드를 보면 outer라는 함수가 선언되어 있다. 이 outer함수가 실행되면 outer함수에 대한 스코프가 생성된다. function outer() { var a = 'A'; var b = 'B'; } 이 표는 outer 함수에 대한 스코프이다. 코드를 조금 수정해서 outer함수 안에 inner함수를 생성해보자. function outer() { var a = 'A'; var b = 'B'; function inner() { var c = 'C'; var d = 'D'; } } 이렇게 각각의 스코프가 생성된다 그..

블로그에 올렸던 계획들이 너무 두리뭉실하고 눈이 가질 않아서 OneNote 주간 계획을 세우고, 순차적으로 해결해 나가고 있다. 이번 주는 두 번의 코테를 봤었는데 결과적으론 둘 다 떨어졌다. XXXXt사의 코테를 보면서 자바스크립트 callback, promise chaning, async/await 에 대한 개념들을 알고 있지만, 막상 코드를 짜려니 생각보다 어려웠다. 매번 '코어 자바스크립트' 책으로 자바스크립트에 코어에 대한 정리를 해야겠다고 생각했었는데... 한번 제대로 공부했으면 코테는 통과했을 거 같다는 아쉬움이 남았다. 의문이 들었던것은 XXXXX사의 과제 전형이었다. 코테 3개와 과제 1개 질문 2개로 이루어져 있는데, 코테도 다 풀고 원하는 기능대로 과제도 구현했는데 왜 떨어졌는지 잘 ..

코딩테스트 준비 1. A사 (~02/18) 2. B사 (~02/21) 오늘은 화요일인데 화요일이되도 최종 결과 연락 안온다. 원래 타로안하는데 타로봤더니 타워카드 안좋은 카드만 떴다. 다른 회사를 봤을때도 타로봤었는데 그떄는 붙는다고했었는데 떨어졌었다~ 믿을께 못되는데 자꾸 신경쓰게 된다. 코테에서 떨어지고나서 코테를 혼자연습하는 것보다는 강의 듣는게 낫다고 생각해서 강의를 듣고있다. 100제로 구성되어 있는데 이거 월요일 30개 풀었다. 목표는 수요일까지 다 풀고 목요일에 프로그래머스 풀고 금(18),월(21)일에 코테를 보는 것이 목표이다. 수요일날 3주전에 면접을본 회사에서 연락왔는데 결과적으로 최종에서 탈락했다. 이렇게 3주동안 끌거면 쫌 빨리 말해주지,,🥲 기다리던 시간이 너무 힘들었다. 월요일..

한일 리액트를 다루는 기술로 리액트 공부 코어 자바스크립트 공부 프로그래머의 길 멘토에게 묻다 이력서 제출 전 프로젝트 확인하기 목요일 서류 넣기 사건 B사 최종 발표 미뤄짐(2월 3주) 면접을 보면서 리액트에 대한 기술 질문을 받았을 때 대답을 못했었다. 1. 리액트 개발자로써 본인의 무기가 무엇인가요? 2. 클래스형 컴포넌트와 함수 컴포넌트 중 선호 하는 것은 무엇인가요? 3. useEffect 4. memo 5. 프로젝트 질문 - 명함앱에서 헤더부분에 memo를 쓴 이유 - 명함앱에서 사용한 cloudnary에 대한 질문 - 당근게임에 대한 아이디어 질문 6. 자바스크립트 질문 - 얕은 비교, 깊은 비교의 차이 리액트로 클론 코딩 프로젝트를 완성했지만, 완벽하게 내 것이라고 할 수 있는 프로젝트는 ..

render() 메서드 : 준비한 UI를 랜더링하는 메서드이다. 내부적으로 html태그를 사용하여 골격을 만든다. constructor 메서드 : 컴포넌트 생성자 메서드로 컴포넌트를 만들때 처음으로 실행된다. constructor(props) { super(props); this.state = { number: 0 // 초기 state를 정할수 있다. } } getDerivedStateFromProps 메서드 : props로 받아온 값을 state에 동기화 시키는 용도로 사용하며, 컴포넌트가 마운트 될 때와 업데이트 될 때 호출된다. static getDerivedStateFromProps(nextProps, PrevState) { if(nextProps.value !== prevState.value){..