EtoC

이번에 프론트엔드로 테스트를 해보려고 하는데 Jest말고 다른 라이브러리가 써보고 싶어졌다. 몇달전에 cypress를 사용해서 테스트를 하면 빠르고 편하게 할 수 있다는 말을 들어서 cypress를 알아봤고 이걸로 테스트를 하기로 결심했다. 1. Cypress란? 1. 개념 자바스크립트 E2E(End to End test) 테스트를 자동으로해주는 프레임워크이다. 테스트 코드를 작성하고 실행하면 웹에서 어떻게 동작하는지 확인하고 검증 할 수 있다. 주로 E2E테스트를 사용하지만 Unit테스트나 Integration테스트도 할 수 있다. 2. 특징 실시간 리로딩: 코드 변경시 자동으로 테스트를 다시 실행하여 빠른 피드백이 가능하다. 간결하고 직관적인 문법을 사용하여 테스트 코드를 빠르게 작성할 수 있다. 디..

1. PUG란? pug는 템플릿을 이용하여 뷰를 만드는 템플릿 엔진이다. 뷰는 사용자가 보는 대상,화면을 말한다. html return export const see = (req, res) => { `Watch video #${req.params.id}©2023 Wetube - All rightsreserved` }; 위와 같은 길다란 html코드를 넣어야할때 pug를 사용하면 단순한문장으로 입력한것을 쉽게 html형식으로 바꿀수있다. 2. 설치방법 1. npm i pug를 입력하여 설치한다. 2. express 에게 html 헬퍼로 pug를 쓰겠다고 server.js 로알려주기.(pug를 뷰엔진으로 설정한다) sever.js에 app.use("viewengine", "pug"); 적으면 된다. 3. p..

오늘은 인턴 첫날~ 떨리는 마음으로 회사에갔다 오후 두시반에 미팅을 잡았기에 첫날이라 많이 배우지 못 할 줄 알았는데, 초기세팅부터 많은것을 알려주셨다. (git-Fork, Sem Ver, ssh를 이용한 git 레포지토리 접근, git subModule, bitBucket, SSH 등..) 그중 오늘의 목표는 SSH와 bitBucket, NVM으로 노드 버전 낮추고 ProseMirror과제파일 실행하기였다. 오늘한것 중 한번도 해보지않았던것은 SSH라서 오늘의 배운것으로 골랐다. 1.SSH Secure Shell(암호화된 셀)의 약자로, 네트워크를 통해 안전하게 원격으로 다른 컴퓨터에 접속하고 명령을 실행하는 프로토콜 및 프로그램이다. 즉, 암호화를통해 데이터를 보호하고 무단접근을 방지하여, 원격으로 ..

1. github 회원가입 2. 로컬에 프로젝트 폴더 생성 원하는 위치에 폴더를 만들거나 데스크톱에 원하는 명의 폴더를 생성하면된다. 3. git repository 생성 아래의 이미지에 나온대로 하면된다. 4. git init 터미널을 열고 로컬에 생성한 프로젝트 폴더로 이동한후에 아래의 명령어를 입력한다. cd 폴더명 git init git 메인 브랜치 명 변경하기 굳이안해도 된다고생각하지만 가끔 메인으로 바꿔서 해달라는 요청이있어서 바꾼적이 있다. 아래의 명령어를 입력하면 master로 뜨던 브랜치명이 main으로 변경된다. git branch -M main 5. git 레포주소와 로컬 연결하기 git remot add origin repository address위의 명령어를 입력하면 주소가 연동..

1.제목 h1~h6는 제목을 표시한다. # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 h1 h2 h3 h4 h5 h6 2.인용 > # h1 인용문1111 인용문 2222 >> # h2 중첩 인용문1111 >>> ### h3 중첩 인용문 2222 출력 결과 h1 인용문1111 인용문 2222 h2 중첩 인용문1111 중첩 인용문 2222 3. 리스트 : *, +, - 모두 같은 모양으로 나온다 숫자는 숫자 + . (마침표)를 사용한다. 11111 22222 33333 리스트에서 이어지는 문단을 추가할때는 스페이스바를 입력하면 된다. ~ 리스트1 리스트1의 이어지는 문단 ~ 리스트1 리스트1의 이어지는 문단 4.코드블록 ```, ~~~를 첫줄과 마지막줄에 사용한다. 한글일때..