전체 글 (141) 썸네일형 리스트형 면접부터 취업까지 면접이란 무엇일까? 취준생인지 어언 n개월차.. 이력서를 넣고 넣고 넣고 넣고....x423576 그렇게 n번의 면접을 보면서 깨달은 것을 기억해보려 적어본다. 대기업이 아닌 중소기업일 경우 우리가 생각하는 면접?보다는 인터뷰 형식의 면접이 많다. 질문이 생각보다 직설적이지 않다. 다대다 보다는 일대일 또는 일대다인 경우가 많다. 생각외로 지원동기를 물어보진 않는다. 공백기는 아무도 신경쓰지 않는다.(아마) ※이것은 중소기업 디자이너로 면접을 봤을 때 기준이다. 대기업은 다를수도 있다. 대기업이 아닌 중소기업일 경우 우리가 생각하는 면접?보다는 인터뷰 형식의 면접이 많다. 지금까지 면접을 여러번 보면서 스타트업같은 신생기업이나 디자이너가 적은 부서의 경우 이런식으로 진행되는 것 같다. (왜냐하면 다소 인.. [netlify]JS로 작업한 작업물을 배포해보자 https://www.netlify.com/ 회원가입 => 깃허브로 로그인 진행 설문조사하듯이 목적에 체크하면 된다! 나는 깃허브 작업물을 배포할 거기 때문에 깃허브 클릭 클릭 후 계정 연결까지 하면 이런 내용이 나온다.이후 비밀번호를 다시 입력하라고 나오는데 입력후 확인! 이후 작업한 작업물이 연동되는데 배포할 레포지를 선택 조금만 기다리면 해당 창이 뜨면서 배포가 완료된다. +)도메인 이름을 변경 해당 사이트 상세보기 체크된 option 클릭 후 edit site name으로 수정하면 완료! TIL)노마드코더 React hooks(4) //알림 hooks const useNotification = (title,option) => { const fireNotif = () => { if(Notification.permission !== "granted") { Notification.requestPermission().then(permission => { if(permission === "granted") { new Notification(title,option) }else { return; } }) }else { new Notification(title,option) } } return fireNotif; } export default function App() { const triggerNotif = useNotification("Hel.. TIL)노마드코더 React hooks(3) //scroll에 따라 변하는 hooks const useScroll= () => { const [state,setState] = useState({x:0,y:0}); const onScroll = () => { setState({x:Window.scrollX,y:window.scrollY}) } useEffect(()=> { window.addEventListener("scroll",onScroll) return () => window.removeEventListener("scroll",onScroll) },[]) return state; } export default function App() { const {y} = useScroll(); return ( 10 ? "red": "blue"}}>hi .. TIL)노마드코더 React hooks(2) useEffect의 첫번째 인자는 function값이 들어간다. deps는 effect 리스트에 있는 값일 때만 값이 변하도록 활성화 된다? useEffect(()=> { (첫번째값) },[두번째값deps]) //title에 loding..을 띄우고 5초뒤 home으로 변경되는 hooks import { useEffect, useState } from "react"; import "./styles.css"; const useTitle = (iniTitle) => { const [title, setTitle] = useState(iniTitle); const updateTitle = () => { const htmlTitle = document.querySelector("title"); htmlTitle... TIL)노마드코더 React hooks useInput (유효성 검사 포함) import { useState } from "react"; import "./styles.css"; // useInput export const useInput = (initialValue,validator) => { const [value, setValue] = useState(initialValue); const onChange = (event) => { const value = event.target.value; let will =true; if (typeof validator === "function") { will = validator(value) } if (will) { setValue(value) } } return { value,onChange }; .. TIL)노마드코더 React Warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client" react-dom 코드를 잘못 삭제 한 후 발생한 오류 . import ReactDOM from 'react-dom'; //->오류가 발생한 지점 import ReactDOM from 'react-dom/client'; // 'react-dom'부분에 '/client'를 추가해 오류 해결 기초부터 다시 복습 코인 api 가져오기 function App() { const [loading, setLoading] = useState(true); const [coins, setC.. 23.03.10) 최종 프로젝트 작업을 진행한 91일차 Next로로딩 페이지 만들기!! 간단하다. _app.tsx파일만 수정하면 끝! const [isLoading, setIsLoading] = useState(false); useEffect(() => { const start = () => { setIsLoading(true); }; const end = () => { setIsLoading(false); }; router.events.on("routeChangeStart", start); router.events.on("routeChangeComplete", end); router.events.on("routeChangeError", end); return () => { router.events.off("routeChangeStart", start); r.. 이전 1 2 3 4 ··· 18 다음
