자몽이 조아

조금 오래되긴 했지만, 지난주 수요일 잡코리아 프론트엔드 기술면접을 보았습니다. 결과가 나오면 올리려 했으나 아직 결과가 나오지 않았고, 기다림에 지쳐 면접후기를 올리려합니다 ㅎㅎ 아마 면접을 보시는 분들이 많아서 그런가봅니다! 저를 포함한 3명의 지원자가 있었고, 6~7분의 면접관이 계셨던걸로 기억합니다. 처음 보는 다대다 면접이었고, 절대 꿀리지 말자고 다짐하며 임했습니다 ㅎㅎ(다대다 면접 경험이 있었던 분이 조언을 해주더군요 ) 3명이 순차적으로 같은 질문에 답하는 것이 아니라 각자의 프로젝트경험을 위주로 질문이 주어졌습니다. 질문을 다 기억하진 못하고, 저에게만 주어졌던 질문들 위주로 작성하였습니다. 순서는 기억나지 않아서 뒤죽박죽입니다 나왔던 질문 1. 자기소개 2. Next.js를 씀으로써 S..

https://www.youtube.com/watch?v=t9ccIykXTCM&t=3s&ab_channel=%EB%85%B8%EB%A7%88%EB%93%9C%EC%BD%94%EB%8D%94NomadCoders 라이브러리, 프레임워크는 둘다 다른 누군가 쓴 코드인데, 우리의 프로젝트를 위해서 가져다 쓰는 것이다. 누가 누구를 컨트롤 하는가가 차이이다. 내가 코드를 콘트롤하고 모든 결정을 내린다면 라이브러리. 누군가 정해준 규칙을 따라하고 있다면 프레임워크이다. 라이브러리의 가장 좋은 예시는 제이쿼리이다. 제이쿼리는 웹사이트에 인터렉티브한 요소를 넣을 수 있는데, 내가 필요할때 내가 제이쿼리를 소환한다. 그리고 라이브러리는 정말 쉽게 대체될 수 있다. 내가 원하면 제이쿼리를 딴걸로 대체해도 된다. 시간 절약..

1차 코딩테스트에서는 간단한 코드리뷰형식으로 면접을 보았는데, 예상하지 못했지만 그래도 잘 넘어갔다 그러나.. 기술면접에서는 털려버렷다 ㅎㅎ 1. 자기소개 : 이부분은 나름 분위기가 좋았음! 1-1. 42서울에서 뭐 했는지 : 너무 장황하게 말했음! 더 간단히 정리해서 말하기 2. 프로젝트에서 쓴 기술 : 준비를 안해가서 쓸데없는 말 시전.. 3. Next js ,React : 이 두개에 대해 깊이 공부해야 할거같음. 꼬리질문 많이 나옴 왜 썼는지 : 너무 솔직하게 말했음. 많은 회사들이 쓰고있어서 라는 말은 처음부터 꺼내기 보다는 기술에 있는 장점을 말할것 4. CSR SPA , SPA가 뭔지 , 가상돔이 뭔지 , 돔이 뭔지 : CSR SPA SSR에대한 개념 빠삭하게 하고, 특히 돔, 가상돔에 대한 ..

1.Nextjs typescript로 세팅하기, jest 설정파일 https://blog.antoniolofiego.com/setting-up-a-nextjs-application-with-typescript-jit-tailwind-css-and-jestreact-testing-library Setting up Next.js with TypeScript, JIT Tailwind CSS and Jest/RTL How I set up a modern stack with Next.js, TypeScript and Tailwind CSS with JIT compiler, fully ready for TDD with Jest and React Testing Library. blog.antoniolofiego.co..

- 언어 Typescript - PWA - Next.js - Jest - React Recoil - React Query -Storybook

연산속도와 메모리공간을 최대한으로 활용할 수 있는 효율적인 알고리즘을 작성해야한다. 보텀업, 탑다운으로 나뉜다. DP의 예시: 피보나치 수열 점화식: 인접 삼항간 점화식. function fibonacci(x){ if(x==1 or x==2) return 1 return fibonacci(x-1) + fibo(x-2) } 그러나, 이렇게 작성하면 O(2^n)의 지수시간 소요. N=30이면 약 10억 가량의 연산 수행. 이를 DP로 해결해보자. DP 로 해결할 수 있는 문제의 조건 큰 문제를 작은 문제로 나눌 수 있다 작은 문제에서 구한 정답은 그것을 포함하는 큰 문제에서도 동일하다. 피보나치 수열은 이러한 문제를 만족한다. 메모이제이션(Memoization)기법을 사용하여 해결할 수 있다. 한번 구현한 ..

https://tarunnagpal78.medium.com/tutorial-how-to-create-rbac-role-based-access-control-in-reactjs-87cb9a960cf3

1. PWA의 요건 PWA를 만들기 위해서는 세 가지의 요건을 필수적으로 만족해야 합니다. 1.1 HTTPS 우선 PWA는 보안이 연결된, 즉 신뢰할 수 있는 사이트에서만 동작하기 때문에 웹 페이지는 HTTPS 도메인에서 제공되어야 합니다. HTTPS(HyperText Transfer Protocol over Secure Socket Layer)는 월드 와이드 웹 통신 프로토콜로, 보안이 강화된 HTTP(HyperText Transfer Protocol)입니다. http에 Secure Socket이 추가되어 데이터를 주고받는 과정에서 내용이 암호화되어 안전하게 통신할 수 있도록 합니다. 1.2 Service Worker(서비스 워커) Service Worker는 백그라운드에서 실행되는 Javascript..

https://www.notion.so/PWA-1-84a3c6e825094213b7bd92f2c2522c00 1. PWA란? 2015년에 구글 크롬의 Alex Russell(알렉스 러셀)이 블로그에 포스팅을 하면서 PWA라는 용어가 등장하였으며, 2016년에 열린 'Google I/O 2016'에서 미래의 웹 기술인 PWA가 공식적으로 소개되었습니다. Progressive Web Apps: Escaping Tabs Without Losing Our Soul - Infrequently Noted Alex Russell의 블로그 포스팅 미래의 웹 기술로 떠오른 PWA는 무엇일까요? PWA(Progressive Web Application, 프로그레시브 웹 앱)는 웹과 모바일 앱 기술의 장점을 결합한 웹 기술..