상반기에 코딩 테스트를 여러 번 보긴 했는데, 때마다 회고를 남기지 않아서 가물가물해져 가는 기억을 붙잡기 위해이제라도 하나씩 후기? 회고?를 남기고자 한다. 1. 서류지원서류는 항상 정해져있는 듯한 1번과 2번 문항이 있었다. 1. 현대오토에버의 해당 직무에 지원한 이유와 앞으로 현대오토에버에서 키워 나갈 커리어 계획을 작성해주시기 바랍니다. (최소 500자, 최대 1,000자 입력가능) 지원 직무 관련해서 경험한 것을 엮어서 지원 이유를 쓰고 그 경험을 더 구체화하고 깊게 쌓기 위한 계획 위주로 작성했다. 2. 지원 직무와 관련하여 어떠한 역량을(지식/기술 등) 강점으로 가지고 있는지, 그 역량을 갖추기 위해 무슨 노력과 경험을 했는지 구체적으로 작성해주시기 바랍니다. (학내외 활동/프로젝트/교육..
비트 연산자비트 연산자설명&두 비트 값이 모두 1인 경우에만 1을 반환 (AND)|두 비트값 중 하나라도 1이면 1을 반환 (OR)^두 비트값이 서로 다를 때 1을 반환 (XOR)~비트가 1이면 0으로, 0이면 1로 반전 (NOT)지정 수만큼 비트를 전부 왼쪽으로 이동 (LEFT SHIFT)>>지정 수만큼 비트를 전부 오른쪽으로 이동 (RIGHT SHIFT) & (AND 연산자)A00101100B10110110&00100100👉🏻 A, B 모두 1일때만 1을 반환한다. | (OR 연산자)A00101100B10110110|10111110👉🏻 A, B 둘 중 하나라도 1이면 1을 반환한다. ^ (XOR 연산자)A00101100B10110110^10011010👉🏻 A, B 값이 다를 때만 1을 반환..
PROBLEM뷰포트 크기를 줄여 스크롤이 생기면 일부분 배경 색상이 잘려 나오지 않는 현상이 있었다.이미지와 로그인 버튼을 감싸는 div에 h-full로 해두었다. (h-full -> height: 100%) 여기서 h-screen(height: 100vh)으로 바꾸어도 결과는 그대로였는데, 아마도 뷰포트 크기를 바꾸었을 때 바로바로 적용이 되지 않는 것이 문제였다. 문제의 이전 화면은 아래와 같았다.BEFORE import GoogleSignInButton from '@/components/pc/GoogleSignInButton';import IllustSignIn from '@/img/Illust_signIn.png';import Image from 'next/image';export default..
13으로 개발을 한 지 1년도 채 되지 않았는데, 프로젝트가 끝나자 마자 14가 발표됐다. 출시된 지 몇달 되긴 했지만 이번에 14버전을 사용해서 프로젝트를 진행할 예정이라 달라진 점을 하나씩 살펴봤다. Next.js 13, App Router우선 13으로 넘어오면서 App Router가 등장하게 되면서 라우팅 방식이 완전히 달라졌다.이전에는 라우팅을 위한 파일을 pages 폴더 내부에 생성했다. 내부에 생성한 파일명에 따라 사이트 주소가 설정되던 규칙도 바뀌었다. Page Router에서 App Router로 바뀌면서 _document, _app이 사라지고 디렉토리 단위로 적용되는 layout 개념이 생겼다.예를 들어 /pages/page.tsx를 만들면 url은 /page로 되었다. 하지만 변경 후..
css에서 길이 단위가 여러가지가 있는데, 하나씩 살펴보자 !절대 단위, 상대 단위절대 단위항상 고정된 길이를 나타내는 단위이다.px, cm, mm 등이 있지만 px을 사용한다. 상대 단위고정되지 않고 어떤 기준에 따라 유동적으로 바뀌는 길이를 나타내는 단위이다.em, rem, vw, vh 등이 있다.px- 절대값을 사용하는 단위1px은 항상 고정된 물리적 크기에 해당한다.em, remem (element)- 부모 요소의 font-size 기준같은 요소 내에 설정된 폰트 크기 값이 있을 때는 해당 요소의 font-size가 기준이 된다.html { font-size: 16px;}div { font-size: 20px; width: 10em; /* 200px */} rem (root element)..
ES6 문법 중 정말 많이 사용하는 문법들 위주로 정리했다. let, const keywordlet, const, var 키워드에 대해서는 따로 자세하게 정리할 예정이다.간단하게 살펴만 보자 var : 재정의와 재선언이 모두 가능하다.let : 재정의는 가능하나, 재선언은 불가능하다.const : 재정의와 재선언 모두 불가능하다.// varvar a = 2;a = 5;var a = 7;console.log(a); // 7// letlet x = 1;// let x = 2; // SyntaxError: Identifier 'x' has already been declared{ let x = 4; console.log(x); // 4}console.log(x); // 1// const{ const y ..
24기 활동이 끝난 시점이 되어서야 23기 활동 후기를 씁니당.. 회고라고 하기엔 조금 늦은 감이 있지만,조금이나마 기억에 남아있을 때 첫 회고를 남겨봅니다! 두근두근하며 넥스터즈 23기 지원을 완료했던 날.웹 개발에 발을 들인지 그리 오래되지 않았던 터라, 큰 기대가 없었습니당.. 교내에서 프로젝트를 진행해도 항상 같은 사람들과 했어요.진행하는데 있어 점점 트러블도 줄어 좋은 사람들이었지만 새로운 경험을 하고싶은 마음이 정말 컸던 것 같습니다.디자이너가 없었던 것도 큰 계기였던 것 같네요. 정말 열심히 지원서 쓰고 얼렁뚱땅 만든 포폴도 제출했지만 큰 기대가 없었어서 너무 놀랐어요.. 대외 활동 첫 면접이라 면접 준비도 정말 열심히 했어요. 프론트 후기가 별로 없었어서 아쉬웠던 기억이 있습니다. 열심히 ..
vscode를 껐다 켰더니 갑자기 모든 파일에서 오류를 뱉어내기 시작했다. import React from 'react' 생략해도 되는 이 import문을 다 적어 달란다. 이미 파일 갯수가 몇십개인데 그런 미친짓은 안해야지. 원래 됐으니까 방법이 있을거라 확신하고 찾아봤더니 react가 17버전알 때 발생하는 오류로, tsconfig.json 파일에서 { ... "jsx": "react-jsx", ... } 이렇게 설정하면 괜찮아 진다고 했다. 그렇지만 tsconfig.json 파일엔 이미 아래처럼 설정이 되어있었다. 심지어 나는 react 버전이 18이었던 것.. { "compilerOptions": { "target": "ES5", "lib": ["dom", "ES2015", "ES2016", "E..
