300x250 전체 글195 [수료 + 51] 취준 기록(7): 21년 11월 29일 - 12월 05일 한 주 돌아보기 ✅ 알고리즘 연습 프로그래머스 2단계 4문제 ✅ Sass Sidebar 완성 Local navbar 완성 ✅ react-native picker, slider, activityindicator, image, modal 완료 ✅ 기술 블로그 포스팅 1개 완료 ✅ 지원 현황 첫 번째 회사: 기술 면접 합격, 다음 주 인성 면접 진행 두 번째 회사: 인성 면접 진행함 세 번째 회사: 인성 면접 진행함 ✅ 그 외 주5회 운동 진행 🔥 총평 - 두 번의 인성 면접을 진행했다. 느낌은 좋지만 아직 결과가 나오지 않아 끝까지 기다려 봐야겠다. - 벌써 12월이라니~ 개발자가 되기로 마음 먹은 이번 년도 초부터 12월까지 달려왔다. 돌아보면 좋았던 일도 많고, 힘든 일도 있었는데 돌이켜보니 다 좋다. .. 2021. 12. 6. [javascript] 객체지향 프로그래밍, 상속 객체지향 프로그래밍, 상속 ✅ 개념 1. 객체지향 프로그래밍 - 객체의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. - 객체 지향 프로그래밍은 객체의 상태를 나타내는 데이터와 상태 데이터를 조작할 수 있는 동작을 하나의 논리적인 단위로 묶어 생각한다. - - 따라서 객체는 상태 데이터와 동작을 하나의 논리적인 단위로 묶은 복합적인 자료구조라고 할 수 있다. - 이때 객체의 상태 데이터를 프로퍼티 Property, 동작을 메서드 Method라 부른다. 2. 상속과 프로토타입 - 상속은 객체 지향 프로그래밍의 핵심 개념으로, - 어떤 객체의 프로퍼티 또는 메소드를 다른 객체가 상속받아 그래도 사용할 수 있는 것을 말한다. - 자바스크립트는 프로토타입을 기반으로 상속을 구현하여 불필요한 중복을.. 2021. 11. 29. [수료 + 44] 취준 기록(6): 21년 11월 22일 - 11월 28일 한 주 돌아보기 ✅ 알고리즘 연습 프로그래머스 2단계 3문제 ✅ Sass global navbar 완성 sidebar 진행 중 ✅ react-native View, Text, StyleSheet, TouchEvent, Button, ScrollView, TextInput 학습 ✅ JS & React react-native 실행환경 세팅 ios + android 실행 (에러 해결) ✅ 기술 블로그 포스팅 1개 완료 ✅ 지원 현황 첫 번째 회사: 기술 면접 진행 후 대기 중 두 번째 회사: 기술 면접 합격, 다음 주 인성 면접 진행 세 번째 회사: 합격 but, 입사 포기 네 번째 회사: 기술면접 합격, 다음 주 인성 면접 진행 🔥 총평 - 이번 주에 면접이 있기 전까지 면접 준비를 하면서 회사에 대해 알아.. 2021. 11. 29. [javascript] this ✅ 개념 - this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다. - this를 통해 자신이 속한 객체 또는 자신이 생성할 인 스턴스의 프로퍼티나 메서드를 참조할 수 있다. (자바스크립트 엔진에 의해 암묵적으로 생성, 코드 어디서든 참조 가능) - this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다. ✅ 간단한 예제 //1번 예제 const circle = { // 프로퍼티: 객체 고유의 상태 데이터 radius:: 5, getDiameter() { return 2 * circle.radius } } console.log(circle.getDiameter()); //10 // 2번 예제 const circle = { // 프로퍼티: 객체 고유의 상태 데이터 rad.. 2021. 11. 22. [수료 + 37] 취준 기록(5): 21년 11월15일 - 11월 21일 한 주 돌아보기 ✅ 알고리즘 연습 프로그래머스 2단계 4문제 ✅ Sass 챕터 5까지 완료(mixin, module) ✅ react-native react-native 실행환경 세팅 ios + android 실행 (에러 해결) ✅ JS & React react-native 실행환경 세팅 ios + android 실행 (에러 해결) ✅ 기술 블로그 포스팅 1개 완료 ✅ 지원 현황 첫번째 회사: 코딩테스트 합격 -> 기술면접: 24일 면접 두번째 회사: 기술 면접: 23일 면접 세번째 회사: 최종면접 🔥 총평 - 과제 테스트를 진행하느라 바쁜 한주였다. 저번에 진행했던 2번의 과제를 생각하며 조금더 신중하게 진행했고, 코딩테스트에 합격하여 기술 면접 기회가 생겼다. 앞으로 면접 볼 두 회사 모두 나의 이전 .. 2021. 11. 22. [React] re-rendering 되는 조건과 예시 Re-rendering 되는 조건과 성능 최적화 방법 ✅ 개념 - rendering이란? 사용자가 화면에 view를 보여 주는 것을 렌더링이라고 한다. - re-rendering이란? 사용자 화면에 view를 다시 새롭게 보여준다는 의미이다. - 컴포넌트가 re-rendering 되는 조건 1. 자신의 상태가 변경될 때(state 변경) 2. 부모 컴포넌트가 리렌더링 될 때 3. 자신이 전달받은 props가 변경될 때(props) 4. forceUpdate 함수가 실행될 때 ✅ '성능 최적화' 배워야 하는 이유 - 상위의 컴포넌트에서 변화가 일어난다면, 하위 컴포넌트에 렌더링을 명령하게 된다. - `pureComponent`를 사용하지 않고 큰 앱을 개발하게 된다면, - 사소한 변경에도 모든 컴포넌트가 .. 2021. 11. 16. [수료 + 30] 취준 기록(4): 21년 11월8일 - 11월 14일 한 주 돌아보기 ✅ 스터디 면접 스터디 2회 진행 면접 준비 ✅ 알고리즘 연습 프로그래머스 1단계 5문제 ✅ 코딩테스트 A회사 진행중 ✅ Sass 챕터 3까지 완료 🔥 총평 - 가고 싶던 회사에 면접에서 제출한 과제에 대한 코드리뷰를 진행했고, 생각보다 많은 부분에서 내가 놓치고 있는 부분을 발견했다. 많은 공부가 되었다. 나머지 두 회사에서도 코딩테스트에서 불합격했다. - 왜 떨어졌을까 생각해보면, 2번째 회사는 회사에서 충족하는 기술스택을 보유하지 못했고, 3번째 회사는 사실 잘 모르겠다. 과제형 테스트가 아니라 온라인 테스트였고 점수가 꽤 높았는데 떨어졌다. 그럴수도 있지, 하면서 넘기곤 있지만 씁쓸하다. - 그래도 코딩테스트 코드리뷰 덕분에 과제형을 어떻게 진행하면 좋은지 감이 잡힌다. 현재 하나.. 2021. 11. 15. [Error] 'Switch' is not exported from 'react-router-dom' 해결 'Switch' is not exported from 'react-router-dom' 해결 방법 ✅ 개념 - react-router-dom v6로 업데이트 되면서 변경된 부분 중에 하나가 Switch가 Routes 로 바뀌었다. ✅ 왜 배워야 할까? - npm install "react-router-dom" 을 설치하게 되면, "react-router-dom": "^6.0.2" 이 설치가 된다 - 그럴 경우, 제목과 같은 에러를 만날 수 있다. - 버전 5를 까는 방법도 있지만 앞으로 사용해야하니 제대로 알고 넘어가야한다. ✅ 기존에 있던 것과 차이점 바뀐 것이 여러가지 있지만, 바로 사용하는 4가지만 알아보겠습니다. 1. 70%나 작아진 번들 사이즈 번들 사이즈를 줄여야 하는 이유 - 성능 및 로드 .. 2021. 11. 14. 이전 1 2 3 4 5 6 7 ··· 25 다음 반응형
