html 코드 hello world new page css #main { width: 100vw; height: 100vh; overflow: auto; ... } #sub { width: 100vw; height: 10px; } main에서 스크롤하면 sub가 나오도록 하고 싶다면 이렇게 페이지를 구성한 뒤 window.addEventListener("wheel", (e) => { if (window.scrollY > 0) { document.querySelector("#sub").style.height = "100vh"; } if(window.scrollY === 0) { document.querySelector("#sub").style.height = "10px"; } }); javascript로 ..

먼저 context api란? react에서는 componet와 componet간 데이터를 전송할 때 props를 사용한다. 부모 componet에서 자식 component로 props를 내림 유전(?) 해준다. 하지만 할머니 component에서 정의한 내용을 손자 component가 사용하고 싶을 수도 있다. 아니면 증조 할머니 component를 증손자 component가 참조하고 싶을 수 있다. 그럴 때 불필요하게 props를 전송하지 않도록 전역변수와 같이 context를 선언할 수 있고, 그를 통해 상태 관리 역시 가능하다. 공식 문서 : https://ko.reactjs.org/docs/context.html Context – React A JavaScript library for build..

1. Introduction 1) Pixel: picture element - the smalest unit of information that make up a picture - each pixel may have multiple values (except gray scale) - the location of a pixel is represented by 2D coordinates 2) FPS (Frame per second) - images are taken with very short interval (normally 33ms) 3) Intensity level (L = 2(k제곱)) *normally L = 256 4) Pixel resolution: the number of pixels in a..

1. motivation Database : organized collection(조직화된 모음) of inter-related(상호 관련된) data that models some aspect of the real-world(실제 세계의 일부 측면을 본떠서 만든) - databases are one of the core components(핵심 구성요소) of most computer applications Ex) universities, financial market, enterprise information, airlins, web services, telecommuication etc.. In the early data, database applications were built directly ..

현대 Autoever 이** 선배님 1. 취업 준비 - 가고 싶은 기업 유형(대기업, 공기업, 스타트업 등) 과 업무를 미리 파악하고 어느 정도 정해두기 2. 기본기 탄탄 - 알고리즘(코딩 테스트) 공부 -> 출제되는 유형 파악(기출문제 풀이) - 필수 스펙으로는 학점, 영어(토스/ 토익/ 오픽 등), 자격증 있음 -> 기업마다 어느 정도 수준이 필요한지 파악해두기 - 프로젝트(직무 경험) : 지원할 직무(전공)와 관련되면 좋음, 문제 사항들을 어떻게 극복 했는지 ex) 면접 때 경험 질문을 하셨다고 함 (프로젝트에 신기술을 적용하려고 했을 때 일어날 수 있는 이슈들과 어떻게 해결했는지) - 인적성 시험 / 자소서 / 면접 준비 - 여유가 있다면 기술 트렌드 공부 (인터넷, 기술 블로그 등) 3. 정보 ..