본문 바로가기
300x250

분류 전체보기196

[수료 + 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.
[수료 + 23] 취준 기록(3): 21년 11월 1일 - 11월 7일 한 주 돌아보기 ✅ 스터디 스터디 2회 진행 주제: 함수 정리, 기술 면접 준비 후기 공유 ✅ 알고리즘 연습 프로그래머스 1단계 4문제 ✅ 코딩테스트 1번 회사 결과: 화요일 면접 예정 2번 회사 결과: 아직 발표 안남 3번 회사 결과: 점수 좋음(html, css, react 코딩 테스트) ✅ 기타 기술/ 인성 면접 준비 🔥 총평 - 이번 주엔 두 회사의 과제형 코테를 한꺼번에 진행했다. 벅찼다. 거기다 한쪽에선 redux-saga 사용을 원했던 것 같지만 아직 배우지 않은 라이브러리라 사용하지 못한 상태로 제출했다. 기능 구현과 디자인에 신경을 썼지만, 제출을 하고 나니 눈에 보이는 오류들이 조금씩 있었다. - 기쁘게도 과제를 제출한 곳에서 면접 제안을 받았다. 회사에 대해 알아볼수록 정말 괜찮은 회.. 2021. 11. 8.
[수료 +16] 취준 기록(2) : 21년 10월 25일 - 10월 10월 31일 한 주 돌아보기 ✅ 스터디 스터디 2회 진행 주제: MPA vs SPA, SSR vs CSR, HTTP Method 스터디 github에 정리 ✅ 알고리즘 연습 프로그래머스 1단계 10문제 ✅ 기술 블로그 블로그 포스팅 3개 노션 3개 정리 ✅ 개인 포트폴리오 배포 완료 ✅ 코딩테스트 과제형: 2개 진행중 1번 회사: 목요일 10시제출 2번회사: 목요일 자정 제출 ✅ 기타 이력서 제출 typescript 기초, 실전 강의 2개 section 완료 헬스장 3개월 등록 + 운동 5일 (월, 화, 수, 목, 금,) sass 강의 2개 section 완료(초기세팅, svg,png,jpg 차이) 🔥 총평 - 한 주제에 깊게 파고드니 코드스테이츠에서 섹션을 진행하면서 이해하지 못했던 부분들이 이해 되기 시작했다. .. 2021. 11. 1.
SASS(Syntactically Awesome StyleSheet) 개념 + Sass와 CSSS 차이 SASS(Syntactically Awesome StyleSheet) css는 연산도 안되고, 조건도 반복도 안된다. 프라퍼티만 선언하고, 선언형으로만 되었다. 결론은 SCSS와 SASS는 CSS를 편리하게 이용할 수 있도록 도와주며 추가 기능도 있는 확장판 ( CSS를 확장하는 스크립팅언어 ) 정도로 생각하면 좋을 것 같다. (css preprocessor 전처리기) 우리가 흔히 CSS 문서 작성할 때는 많은 반복적인 작업을 요구하고 Color 값을 찾는 일, tag를 닫는 일 등 번거로운 작업 역시 포함되어있다. 그뿐만 아니라 클래스의 상속과 같은 사항으로 점점 CSS 문서는 양이 많아지고 이로 인해서 이후 유지관리에 많은 영향을 준다. 이런 CSS의 문제점들을 Programmatically 한 방식.. 2021. 10. 29.
반응형

티스토리툴바