7월 4일 월요일, 최종 면접을 보고 커넥to 프론트엔드 도전 후기를 작성해보려고 한다. 우선 선발 과정은 다음과 같다. [지원서 제출] - [역량 테스트] - [자기소개서 제출] - [1차 합격] - [인성 면접] - [최종 합격] 1. 지원서 제출 지원서는 제로베이스 사이트에 들어가서 자기의 정보를 typeform으로 제출하면 된다. 2. 역량 테스트 제로베이스 자체 플랫폼에서 코딩 테스트를 본다. 문제는 제로베이스 프론트엔드 스쿨에서 나오는 Medium ~ hard 문제들이 출제되는 것 같았다. 하지만 프로그래머스 스쿨 플랫폼을 사용하는 것이 아닌 제로베이스 자체 플랫폼을 사용하기 때문에 난의도가 훨씬 어렵게 느껴졌다. 일단 제로베이스 플랫폼을 사용하게 되면 이전 문제를 넘기고 다음 문제를 해결할 ..
JSX 설명 JSX 문법 사용 O JSX 문법 사용 X 두 코드를 비교했을 때, JSX 문법을 사용한 코드가 가독성이 훨씬 좋다. JSX 공식 문서 링크 : https://ko.reactjs.org/docs/introducing-jsx.html JSX 소개 – React A JavaScript library for building user interfaces ko.reactjs.org const element = Hello, world!; 위에 희한한 태그 문법은 문자열도, HTML도 아니다. JSX라 하며 JavaScript를 확장한 문법이다. JSX는 React “엘리먼트(element)” 를 생성한다. JSX란? 더보기 React에서는 본질적으로 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시..
문제 https://leetcode.com/problems/k-closest-points-to-origin/submissions/ K Closest Points to Origin - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com Given an array of points where points[i] = [xi, yi] represents a point on the X-Y plane and an integer k, return the k closest point..
문제 https://leetcode.com/problems/spiral-matrix/submissions/ Spiral Matrix - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com Given an m x n matrix, return all elements of the matrix in spiral order. m x n 행렬이 주어지면 행렬의 모든 요소를 나선형 순서로 반환합니다. 예시 Example 1: Input: matrix = [[1,2,3],[4,5..
22.06.30(목) 오늘 한 일 leetCode 풀기 48. Rotate Image 1886. Determine Whether Matrix Can Be Obtained By Rotation 제로베이스 React 이론 강의 듣기 리액트에 대한 이해 1. 리액트의 모듈화 아이디어 2. 프론트엔드 제어를 위한 Javascript와 리액트 코드 비교 3. 라이브러리와 프레임워크의 차이 리액트 프로젝트의 개발 환경 설정 1. HTML, CSS, JavaScript 프로젝트에 리액트를 추가하는 방법 2. HTML, CSS, JavaScript 프로젝트에 리액트를 추가하는 방법 (실습) 3. HTML, CSS, JavaScript 프로젝트에 리액트를 추가하는 방법 (정리) 4. CRA 5. CRA (실습) 6. r..
리액트 18에서 ReactDOM.render 함수를 사용하고 npm start를 했는데, 다음과 같은 에러 메시지가 콘솔창이 띄워졌다. Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot How to Upgrade to React 18 – React Blog As we shared in the release post, React 18 introduces fe..
서론 벌써 6월의 마지막이 왔다니 😮 이 말의 뜻은 제로베이스 프론트엔드 스쿨 3기 part 1 과제 제출이 끝났다는 것이다. 이번 6월 동안은 이론 강의를 수강하는 시간보다 구현 강의를 듣거나 과제에 집중하는 시간이 좀 더 많았던 것 같다. 한 달간 어떤 공부를 했는지, 공부를 하면서 느낀 점은 무엇인지 적어보려고 한다! 자바스크립트 기본 HTML 강의는 이전에 전부 완강을 하였기 때문에 자바스크립트 강의를 중점적으로 후기를 작성하는 것을 알리고 시작한다. 참고 : 제로베이스 프론트엔드 스쿨 3기 1개월차 후기 https://programmerplum.tistory.com/82#toc-html/css%20%ED%99%9C%EC%9A%A9%20%EA%B3%BC%EC%A0%9C,%20%EC%9E%90%EB..
HTML, CSS JavaScript 프로젝트에 리액트를 추가하는 방법 웹사이트에 React 추가 React는 처음부터 점진적으로 도입할 수 있게 설계되었다. 그래서 React는 필요한 만큼만 사용하면 된다. 아마 기존 페이지에 "상호작용'이라는 조미료를 첨가하기만 하고 싶을 수도 있다. 이럴 때 React 컴포넌트를 쓰면 좋다. 오늘날 웹사이트의 대부분은 싱글 페이지가 아니고 그래야 할 필요도 없다. 빌드 도구 없이 몇 줄의 코드만으로 웹 사이트의 작은 부분에 먼저 React를 도입해보아라. React의 비중을 천천히 늘릴 수도 있고 아니면 동적인 위젯을 몇 개 추가하는 것으로 끝낼 수도 있다. react 공식 문서 링크 : https://ko.reactjs.org/docs/add-react-to-a-..
Comment