본문 바로가기

전체 글436

자소서 성장과정 0326 성장과정 학창 시절 공부를 정해진 시간에 정해진 것만 했었습니다. 집이 막 시골은 아니었지만, 시골 근처이고 친구들과 놀거리들은 꽤 거리가 있어서 놀려면 무조건 차를 타고 나갔어야 했는데 차멀미를 해서 밖에 잘 나가지 않았습니다. 그러면서 처음에는 책을 많이 읽었고 책에는 한계가 있다 보니 나이가 들수록 컴퓨터를 많이 접하게 되었습니다. 그래서 학창 시절에 자연스럽게 코딩에 관심이 갔고, 코딩 공부를 하면서 처음으로 누가 시켜서 또는 정해져서 하는 공부가 아니라 내가 해보고 싶어서 하는 공부였습니다. 그렇다 보니 흥미가 생겼고 그때 열심히 공부한다는 것이 어떤 건지 느낄 수 있었습니다. 코딩 공부를 하면선 다른 공부도 나중에 코딩처럼 내가 좋아하는 것을 위해 열심히 해야겠다는 생각이 들어서 공부.. 2022. 3. 26.
면접질문 62일차 0326동기와 비동기 함수의 차이점에 대해서 설명해보세요 동기와 비동기의 차이점은 응답받는 시점입니다. 동기는 실행하면 바로 응답받고 다음 처리로 넘어가지만, 비동기는 응답받지 않고도 다음 처리로 넘어가고 나중에 처리가 다 되고 나면 응답받습니다. 물론 비동기도 응답받고 할 수는 있지만 일반적으로는 응답받지 않고 넘어가는 것을 말합니다. 비동기의 예시로는 API로 데이터를 받아 오는 것을 할 수 있습니다. 데이터를 받아오기 전까지 기다리는 것이 아니라 요청하고 다른 것들을 처리하고 응답이오면 그것을 받게 됩니다. 2022. 3. 26.
next redirect redirect에대해서 알아보겠습니다. next.confg.js 열어주시고 /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, async redirects() { return [ { source: "/test", destination: "/ack", permanent: false, }, ]; }, }; module.exports = nextConfig; 작성 source: "/test", destination: "/ack", permanent: false, 이 세가지만 우리가 조종할 것입니다 나머지는 변경되면 제대로 동작이 안되요 source는 어떤 주소가 들어오면 작동할것인지 desination 어느주소.. 2022. 3. 25.
next Link a next에서는 a태그를 안쓰고 Link를 쓰는지 알아보겠습니다. pages/_app.js import Nav from "../components/nav"; export default function App({ Component, pageProps }) { return ( ); } components/nav.js import Link from "next/link"; export default function nav() { return ( 메롱 메롱1 ); } 이렇게 하고 한번 동작 시켜 보겠습니다 이렇게 css는 제대로 동작이 됩니다 하지만 저렇게 로딩창이 생기는것을 볼수있습니다. 즉 여기서는 다시 페이지를 처음부터 로드 하는거라서 로딩창이 생기게 됩니다. 그럼 Link를 사용해보겠습니다 componets.. 2022. 3. 25.

티스토리툴바