이번 과제를 하면서 js의 실행 순서, callback 함수 등을 익히게 되었습니다. javaScript는 어떻게 작동하는가 여기서 많이 익히게 되었습니다. (링크 눌러서 꼭 보면 좋습니다. ) 저도 수시로 완벽히 이해하도록 보려고 합니다. 다른 것들은 전의 것들과 비슷해서 조금 더 발전 시키고 있습니다. :) setTimeout 설정 setTimeout을 사용할 때 위의 링크(javaScript는 어떻게 작동하는가)를 보면 해당 함수는 Web APIs에 이동 -> Callback Queue -> Call Stack에 함수가 없어진 후 ->> Call Stack이동 하여 함수 진행 하기 때문에 이런 관계를 잘 파악해야 합니다. 그래서 전체를 묶어 서 함수를 짜게 되었습니다. 구조체 function Car..
최근에 42서울에서 우테코를 만드신 분을 모셔서 멘토링을 들었습니다. 정말 현재 저에게 꼭 필요한 말씀들이어서 자신감을 얻게되었습니다. 또한 우테코에 대한 자신감이 대단하셨습니다. 저도 추후 이런 자신감을 가질 수 있는 서비스를 만들고 싶습니다. 그래서 우테코를 혼자서라도 하게 되고 있는 것 같습니다. Cypress Cypress를 하면서 관련 내용은 https://gwpaeng.tistory.com/category/Tip%20and%20Error/Cypress 에 있습니다. 처음에는 그냥 console.log를 찍어서 확인 하면 되지라는 생각이 강했습니다. 그런데 Cypress를 사용해 보니 다른이들에게 설명하기도 편하고 여러 기능을 쉽게 보여줄 수 있어 정말 필요해 보였습니다. 계산기 미션 해당 미션..
https://runebook.dev/ko/docs/cypress/-index-#Commands Cypress 7.2 한국어 runebook.dev https://docs.cypress.io/api/commands/and and | Cypress Documentation Create an assertion. Assertions are automatically retried until they pass or time out. An alias of .should() Note: .and() assumes you are already docs.cypress.io
VSCode에서 index.html(경로: /woocourse-alone/5_cypressBasic)을 Live server을 할 때 visit()에 url을 써주는 것이 헷갈렸다 그냥http://localhost:5500만 해주면 되는지 알았는데 아니다 => visit내부 url은 VSCode live Server로 실행하는 파일(index.html) 경로를 넣어줘야 한다. descirbe("Home", () => { beforeEach(() => { cy.visit("http://localhost:5500/woocourse-alone/5_cypressBasic/"); }) }) > cy.visit() 만 확인하지 말자 위의 코드와 같이만 작성해서 visit()이 잘 연결되었는지 확인하면 다음과 같이 ..
프론트 엔드 테스트를 해보기 위한 도구입니다. node용 test framework인 mocha와 assertion 라이브러리 chai를 기반으로 만들어 졌다. 우테코 코스에서 cypress가 있어 접하게 되었습니다. 기본적인 내용은 Cypress 에서 보시기 바랍니다. 실행 > 1. 설치 2. Cypress 실행 integration test 코드가 위치하는 곳 examples 폴더에 예제 파일들이 추가되어 있다. > fixtures 네트워크 응답과 같은 테스트에 필요한 정적인 데이터를 만들어 둘 수 이는 곳 cy.fixture()를 통해 사용 > plugins 플러그인(cypress lifecycle의 특정 단계에 실행할 코드 작성, 동적으로 설정 구성 등)을 작성할 수 있다. 기본으로 cypress..