본문 바로가기

전체 글436

React13일차-hook3 직전 포스터에서 만들 폴더에서 코드열고 npm start 해주세요 그리고 component/example2.jsx파일 만들어주세요 import { useReducer } from "react"; const reducer = (state, action) => { if (action.type === "plus") return { count: state.count + 1 }; return state; }; export default function Example2() { const [state, dispatch] = useReducer(reducer, { count: 0 }); return ( {state.count} 클릭 ); function click() { dispatch({ type: "plus" }).. 2022. 2. 1.
React13일차-Hook2 안녕하세요 다들 새해복 많이 받으시고 시작하겠습니다. create react app 만드시고 component폴더 안에 example1 만들어주세요 import { useState, useEffect } from "react"; export default function useWidth() { const [width, setWidth] = useState(window.innerWidth); useEffect(() => { const resize = () => { console.log("resize", width, window.innerWidth); setWidth(window.innerWidth); }; console.log("add"); window.addEventListener("resize", re.. 2022. 2. 1.
자소서 성장과정 1.31성장과정 공부의 필요성을 느껴서 하기보다는 당연히 하는 것이라고 생각했습니다. 집이 시골이고 멀미를 해서 밖에 나가기를 꺼렸고 그러면서 자연스럽게 컴퓨터를 많이 접하게 되었습니다. 그래서 자연스럽게 코딩에 관심이 가고 공부했었는데, 당시 처음으로 공부에 피로보다는 열정을 느끼게 되었습니다. 그때 열정이 있다면 피로나 시간은 큰 걸림돌이 되지 않는다는 것을 느꼈고 공부도 나중에 내가 하고 싶은 것을 하기 위해서는 꼭 필요하다는 마음가짐으로 하니 열정이 생겨서 모의고사에서 수학은 항상 2등급이었는데 처음으로 1등급을 받을 수 있었습니다. 시작 부분 수정 문장 부드럽게 수정 공부를 필요성을 느껴서 하기보다는 당연히 하는 것이라고 생각하여 열심히 했었습니다. 집이 시골이고 멀미를 해서 밖에 나가기를 꺼렸.. 2022. 1. 31.
면접 질문 12일차 1.31프로그램의 Front end 작업에서 발생가능한 가장 큰 이슈는 무엇인가요?? 저는 반응형으로 만들고 휴대폰으로 작업할시 생기는 변화가 가장 큰 문제라고 생각합니다. 일반적으로 처음 만들때는 데이터가 어떻게 들어오는지 확인을 하고 코드를 짜게 됩니다. 하지만 반응형으로 만들때는 기존에서 특정부분만 고치게 되므로 전체적인 눈에보이지 않는 부분은 확인이 힘듭니다. 제가 포트폴리오를 만들당시 제가 만든 프로젝트 들을 필터링 할려고 했습니다. 당시 html내부에있는 글자로 할려고했는데 분명 컴퓨터로 할때는 제대로 출력이 되었지만 모바일로 할때에는 상위요소와 같이 나오는 문제점이 발견되었습니다. 저는 당시 이부분을 잘몰라서 많이 당황했었습니다. 이렇게 저희가 직접 체크하지 않고 특정지점만 고쳐서 바꾸는 것.. 2022. 1. 31.