Intro IntelliJ IDEA 구매 intelliJ IDEA를 8월 말에 구입 한 이후로, 3개월동안 집에서 혼자 공부하거나 코딩 테스트 문제들을 풀어볼 때에는 맥북에서 꾸준히 인텔리제이를 사용 해 왔습니다. 업무용으로 사용중인 우분투 기반의 Dell XPS 노트북에서도 물론 intelliJ IDEA를 설치 했고, 가벼운 확인 용도의 코드를 작성 하거나 점심시간에 가볍게 코딩 테스트 문제를 푸는 용도로 사용 해 왔습니다만 실질적으로 회사에서 진행중인 프로젝트에서는 이클립스를 계속 사용 했습니다. 구매 후에도 Eclipse를 계속 사용해온 이유 회사에 입사하고 한달도 안되어서 intelliJ IDEA를 구입 했지만 예전부터 구독을 고민 하고 있었지만, 2021년 8월의 30% 할인은 참을 수 없었습니..

Intro 자바스크립트 파일의 validation을 이클립스가 제대로 하지 못해서 Error로 인식하며 빨간불이 들어왔습니다. 당연히 코드를 구동하는데는 아무 문제가 없지만, 코드에 빨간불이 들어와있으면 굉장히 거슬립니다. 여러가지 편의성으로 인해 지금은 IntelliJ IDEA를 사용하기 때문에 이클립스를 사용할 때에 겪었던 여러 가지 불편했던 점을 모두 해결 한 상태 이지만, 혹시나 같은 문제로 스트레스 받고 있는 분들을 위해 설정했던 내용을 공유합니다. 해결 일단 아래의 순서로 이동해 설정 화면을 띄웁니다. 프로젝트 우클릭 -> Properties -> Client-side JavaScript > Include Path 위에 있는 Source 탭을 누르고 > Excluded 선택 > Edit... ..

에러 s.createPopper is not a function라는 에러가 나오며 부트스트랩 드랍박스가 의도한 대로 작동하지 않았습니다. 혹시나 싶어 Bootstrap 공식 document의 엘리먼트 구조를 그대로 넣어도 봤지만, 여전히 작동하지 않았습니다. 원인 bootstrap.bundle.min.js 파일이 Popper를 포함하고 있다고 써 있습니다. Popper 라이브러리를 불러오지 않았기 때문에 에러 발생한 것 입니다. 해결 bootstrap.bundle.min.js 파일을 다운받아 추가합니다. 혹은 cdn으로 추가해도 무방합니다. 물론, Bootstrap 버전은 사용중인 버전을 찾아야 합니다. https://getbootstrap.com/docs/5.1/getting-started/downlo..

https://developers.google.com/web/tools/puppeteer 소개 Headless 브라우저에 대한 이해가 필요 합니다. 해당 내용은 https://shanepark.tistory.com/290 에서 확인 하실 수 있습니다. Puppeteer Puppeteer는 Chrome 팀이 개발한 Node 라이브러리 입니다. Headless 혹은 온전한 크롬도 컨트롤 할 수 있는 고차원 API를 제공 하며, Panthom이나 NightmareJS 등 이전의 자동화 테스트 라이브러리들과 비슷하게 작동합니다. 특징 Broswer에서 여러분이 수동으로 하는 대부분의 일들을 Puppeteer를 통해 할 수 있습니다. 몇가지 사용 예제 페이지의 스크린샷 혹은 PDF 파일 생성 싱글 페이지 어플리케..

https://developers.google.com/web/updates/2017/04/headless-chrome Intro Headless Chrome은 Chrome 59 버전에서 추가되었습니다. Headless Chrome이 추가되기 이전에는 보통 PhantomJS 를 이용해서 Headless 웹 테스팅을 했다고 하는데요, Chrome이 Headless Chrome 기능을 업데이트 하자, PhantomJS는 개발 중단을 선언 했습니다. 아무래도 크롬이 직접 제공하다 보니 서드파티 소프트웨어를 사용할 필요가 줄어들 수 밖에 없습니다. @Before Chrome alias 설정 Chrome 명령어를 쉽게 사용하기 위해 alias를 선언 해 줍니다. 저는 MacOS나 Linux에서 모두 zsh를 사용하..