Author: dudghks9303

JEST React에서 쓰기 계속됨 queryByText를 쓸 때 주의점 : 조금이라도 틀리면 내용물이 아닌 null 이 나온다 이 부분을 확인된 이유가 분명 같이 썼다고 생각했는데 계속해서 null이 나와서 에러가 떠서 강사님에게 물어보고 실제로 고쳐본 결과이기 때문이다 it(”,()=>{ render(실행할 컴포넌트) const initalState=screen.queryByText(예상되는 html 엘리먼트) expect(initalState).toBeTruthy() } queryByText로 예상되는 html 엘리먼트와 같으면 값이 있고, 다르면 null이 되어 toBeTruthy에서… Read more

자유시간-취업관련 자료 찾기 SAAS(Software as a Service) : 서비스형 소프트웨어 소프트웨어 및 관련 데이터는 중앙에 호스팅되고 사용자는 웹 브라우저 등의 클라이언트를 통해 접속하는 형태의 소프트웨어 전달 모델 SI(System Integrator) : 시스템 통합 업체 정보 시스템의 개발에 관하여 상담하고 그에 따라 설계, 개발, 운용, 보수, 관리 등 일체 업무를 담당하는 정보 통신 기업 스톡옵션 기업의 임직원이… Read more

JEST 리엑트에서 테스트 실행하기 https://jestjs.io/docs/tutorial-react   Read more

비동기함수-Promise객체 사용 function fetchUserPromise(id){ return new Promise((resolve)=>{ console.log(“0.1초가 걸립니다”) setTimeout(()=>{ const user={id:id, name:”User”+id} resolve(user)} ,100) }) } 값을 전달받아 실행하는 방법은 2가지가 있다 then을 쓰는 경우 : 값을 가져 올 때 return을 써야 한다 test(‘userPromise’,()=>{ return asyncfn.fetchUserPromise(“2″).then( (user)=>{expect(user).toEqual({id:”2″,name:”User2”})} )} ) async/await를 쓰는 경우 : 위의 then보다 짧다 test(‘userPromise async/await’,async()=>{ const user=await asyncfn.fetchUserPromise(“3″); expect(user).toEqual({id:”3″,name:”User3”}) })   Read more

JEST수업 비동기 사용 방법(생각보다 많이 복잡함) 콜백함수를 사용하는 경우 예시로 0.1초 뒤에 동작하는 함수를 만들었다 function fetchUser(id,checkTest){ setTimeout(()=>{console.log(“0.1초가 걸렸습니다”) const user={ id:id,name:”User”+id} checkTest(user)},100); const asyncfn={fetchUser}; module.exports=asyncfn; Jest에서 쓰기 위한 .test.js 부분 const asyncfn=require(“./asyncfn”); test(“setTimeout확인”, (done)=>{expect (asyncfn.fetchUser(“Green”,(user)=> {expect(user).toEqual({id:”Green”,name:”UserGreen”}); done();}) ); }); 분석해보면 다음과 같다 일단 checkTest(user)가 없고 expect도 1개만 쓰인 경우expect(asyncfn.fetchUser(“Green”)).toEqual({id:”Green”,name:”UserGreen”}) 두가지 FAIL이 나온다. 첫번째는 0.1초… Read more

5시간 가량 자유시간(이력서 업로드/프로젝트 관리/기타) jest에서 보았던 것 중 특이한것 : 정규표현식 특정한 규칙을 가진 문자열의 집합을 표현할 때 사용하는 형식 언어 구분문자 : 정규식과 일반 문자열을 구분하기 위한 문자.  javascript에서는 /내용/ 과 같이 쓴다 메타문자 : 일정한 의미를 가지고 사용되는 특수문자 리터럴 : 의미가 없는 문자 그대로 사용되는 문자들 플래그 : 정규식 패턴과 문자를… Read more

jest(https://jestjs.io/) – 테스팅 라이브러리 –save-dev : 개발할 때만 쓴다 npm init으로 package.json을 만들어야 한다 여러가지가 뜨는데 우리는 임시로 하는 것이기 때문에 다 엔터를 치면 된다 약간의 설명(module.exports 와 import 와 export) export와 import는 ES6 버전부터 사용하게 되었다 일반적인 .js 파일과 다르게 .test.js는 플라스크 아이콘이 나온다 테스트하고자 하는 js를 return 까지 만들어 module.exports로 밖으로 꺼낼 준비를… Read more

작품발표회 개인페이지/wordprocess 와 개인 react페이지 손보기 github에 분명 평일이고 작업을 했는데 구멍이 나 있어서 생각해보니 팀 프로젝트 작업은 개인작업에 포함이 되지 않아서 구멍이 난 듯 하다 개인프로젝트를 1개 더 만들지 말지 고민중 – 개인react 페이지로 대체 가능하기 때문 약한 파트가 CSS로 예상됨(꾸미기를 정말 못함)   Read more

모의면접 문제점 : 자소서와 관련된 질문을 했을 때 적힌대로 대답이 나오지 않았다.(내가 생각하는 대로 동작하지 않았을 때 – 코드를 검토하고 인터넷에 검색을 통해 해결을 한다 를 자소서에 적었는데 말할 때 앞의 검토 부분이 빠져버림) react 말할 때 서버 관련은 말하지 않기(사실상 다 서버로 한다고 함) 신입이기 때문에 매우 기초적인것들도 물어 볼 수 있음(state와props , var/let/const,… Read more