본문 바로가기

전체 글436

면접질문 16일차 2.05코딩에서 어떤 부분에 흥미를 갖고 있나요? 제가 코딩을 하면서 가장 좋았던 부분은 즉각적인 반응입니다.코딩은 문제가 생기면 바로 나왔고 고쳐진다면 바로 고쳐지는게 눈에 보였습니다. 고민을 하면서 해결방법이 맞는것인지 틀린것인지 찾지 않아도 됬습니다. 물론 비효율적인 걸수도 있지만 그렇게 바로 풀수있다는게 좋았습니다. 이렇게 바로 맞다 틀리다는 알 수 있어서 새로운 방법이나 나와있지 않은 방법도 알수 있었고 그냥 호기심에 장난치면서 안되는 부분이 왜 안되는지 생각하고 풀어낼수 있다는것이 코딩에서 흥미로운 부분일라고 생각했습니다. 2022. 2. 5.
React16일차-최적화로 돌리기 오늘은 최대한 랜더나 디스마운트나 이런것을 줄일수 있는 것에 대해서 알아보겟습니다. 어떻게 하면 마운트가 되고 어떻게하면 마운트가 안되고 이런것을 중점을 봐주시면 좋겠습니다. 오늘은 따라하면 좋겠지만 따라하지 않고 글만 보고 이해 할수 있다면 꼭 따라하지 않아도 되요 안따라하실거면 굵은 글자만 읽고 지나가시면 됩니다. 우선 create react app 만들고 npm start 해주세요 그리고 src/App.js를 변경 오늘은 App.js만 변경 할것 입니다 import "./App.css"; import React from "react"; class Foo extends React.Component { componentDidMount() { console.log("foo didmount"); } com.. 2022. 2. 5.
React15일차-CRA -UnitTest(jest) 이제 create-react-app에서 test를 해보겠습니다. creat-react-app만들어주시고 터미널에서 npm test 해주세요 기본적으로 한개가 있어서 그것이 자동으로 실행되겠습니다. src/App/test.js가 테스트 파일입니다 그럼 우선 component파일 만들어주시고Button.jsx만들어주세요 import { useEffect, useRef, useState } from "react"; const Button_text = { normal: "버튼이 눌리지 않았다.", clicked: "버튼이 방금 눌렸다.", }; export default function Button() { const timer = useRef(); const [message, setMessage] = useSt.. 2022. 2. 4.
React15일차-UnitTest(jest) 어제는 오랜만에 친구를 만나고 와서 쉬었습니다....ㅎㅎㅎ 오늘은 UnitTest에 대해서 알아보겠습니다. 즉 전체가아닌 일부분중 하나만 검사하는 것이라고 생각하시면 됩니다. 여러가지가 있지만 create-react-app에서 하는 jest에 대해서 알아보겠습니다. 우선 파일 만들 vscode열어서 npm init -y 하고npm i jest -D로 jest 설치해주세요 이렇게 나오고 package.json으로 가서 "test": "echo \"Error: no test specified\" && exit 1" 를 "test": "jest" ㄹ로변경해주세요 npm test를 치면 jest가 실행되도록 해주는 것입니다. 이제 ex.test.js를 만들어서 테스트 할 내용을 하나 하나씩 만들어 봅시다. 우선.. 2022. 2. 4.

티스토리툴바