전체보기
# 211015 TIL
장기현장실습 SNU 성문 분석 윈도우 환경에서 1:1 성문 분석을 할 때, JSON.parse 형식이 맞지 않으면 빈 화면 나타나는 문제 해결 형식이 맞지 않아 나타나는 에러를 잡은 것은 아니지만 빈 화면이 뜨는 현상을 해결함 JSON.parse 코드가 있는 부분에 try, catch문을 사용해 에러 처리를 함 AnalysisResultCard.tsx, SingleAnalysisPage.tsx 각 파일에 JSON.parse 하는 부분을 try 블록으로 감싸줌 Catch 블록에는 window.alert() 함수를 띄우고, 사용자에게 오류 메세지를 보이게 하며, 빈 화면이 아닌 기존 페이지가 유지될 수 있게 함 json으로 파싱된 값을 return 하는 경우에는 해당 값 대신 undefined를 retrun..
[인프런] 프론트엔드 개발환경의 이해와 실습 (자주 사용하는 플러그인)
웹팩 설정 시, 자주 사용하는 플러그인에 대해 알아보고 직접 적용해보자. 자주 사용하는 플러그인 BannerPlugin BannerPlugin은 웹팩에 내장되어 있는 플러그인으로, 번들링한 결과물에 빌드 정보, 커밋 버전 등 사용자가 원하는 내용을 추가할 수 있다. webpack.config.js const webpack = require("webpack") const childProcess = require("child_process") ... plugins: [ new webpack.BannerPlugin({ banner: ` Build Date: ${new Date().toLocaleString()} Commit Version: ${childProcess.execSync('git rev-parse ..
# 211014 TIL
장기현장실습 SNU 성문 분석 외부에서 서버 ip로 접근할 수 있도록 포트포워딩하기 위해서는 게이트주소로 들어가 로그인을 한 후, 외부 포트 범위를 설정해주어야 한다. 로그인 권한이 대표님께 있어서 대표님이 해결해주셨다. 외부에서 183.98.35.16으로 접속하면 서버 IP 192.168.1.31로 변환되어 접속된다. 포트 번호는 기본 80으로 하여 따로 작성하지 않아도 되도록 설정했다. 윈도우 환경에서의 문제 발생 (로컬, 셋업 파일로 설치한 프로그램 모두) 1:1 분석 시, 특정 파일을 선택하고 분석하기를 누르면 빈 화면이 뜨면서 오류가 발생했다. 로그를 찍어보니 JSON.parse를 할 때 첫글자부터 JSON 형식이 아니라 발생하는 오류였다. 또, 도커로 진행상황을 살피던 중, 분석이 잘될 때는 ..
[js/node.js] 백준 10172번: 개
문제 아래 예제와 같이 개를 출력하시오. 풀이 console.log(`|\\_/| |q p| /} ( 0 )"""\\ |"^"\` | ||_/=\\\\__|`); 회고..(?) 고양이 문제를 풀 때와 마찬가지로 특수문자.. 같은 내용을 출력하기 위해서는 백틱을 사용해야 하는 것을 알았다. 그리고 역슬래시를 출력하기 위해서는 역슬래시를 앞에 하나 더 추가해주어야 했다. 그렇게 해주었음에도 에러가 나서 한참을 고민했다....... 알고보니 이미 문자열안에 백틱이 있어서 문제가 되었다. 백틱을 문자열로 나타내기 위해서는 앞에 역슬래시를 붙여주어야 한다는 사실을 알게 되었다. 정리 \\ : \ 역슬래시 표시 \` : ` 백틱 표시 \' : ' 따옴표 표시 \" : " 쌍따옴표 표시 기억하자 !!! 출처
# 211013 TIL
장기현장실습 SNU 성문 분석 현재 작성된 포맷에 맞게 이미지 이름과 버전을 작성하여 docker build 빌드가 성공적으로 완료되어 docker images 명령어로 이미지가 생성된 것을 확인함 sudo docker push [이미지이름] 명령어로 해당 이미지를 gitlab에 push함 yarn start로 클라이언트 애플리케이션이 로컬에서 잘 돌아가는 것을 확인 빌드와 셋업파일 생성을 위해 yarn package함 생성된 셋업 파일 중 msi 설치 파일로 성문분석 프로그램 설치 분석 시, 특정 파일을 선택할 때 빈 화면이 뜨면서 오류 발생 Json.parse 관련인데 undefined 되어 오류 뜨는 것으로 확인 외부에서 서버 ip로 접근할 수 있도록 세팅해야함 브라우저에 게이트 주소를 입력하여 포..
[js/node.js] 백준 10171번: 고양이
문제 아래 예제와 같이 고양이를 출력하시오. 풀이 console.log(`\\ /\\ ) ( ') ( / ) \\(__)|`); 틀린 이유 위와 같이 역슬래쉬(\), 따옴표 등을 사용하기 위해서는 javascript template literals인 백틱(`)을 사용해주면 된다. 그리고 역슬래쉬를 나타내기 위해서는 \\ 두 번을 작성해야 \ 하나의 역슬래쉬로 출력된다. template literals 문법의 자세한 내용은 MDN에 나와 있다. Template literals - JavaScript | MDN 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 "template strings"..
[js/node.js] 백준 10718번: We love kriii
문제 ACM-ICPC 인터넷 예선, Regional, 그리고 World Finals까지 이미 2회씩 진출해버린 kriii는 미련을 버리지 못하고 왠지 모르게 올해에도 파주 World Finals 준비 캠프에 참여했다. 대회를 뜰 줄 모르는 지박령 kriii를 위해서 격려의 문구를 출력해주자. 두 줄에 걸쳐 "강한친구 대한육군"을 한 줄에 한 번씩 출력한다. 풀이 console.log('강한친구 대한육군'); console.log('강한친구 대한육군'); 출처 10718번: We love kriii ACM-ICPC 인터넷 예선, Regional, 그리고 World Finals까지 이미 2회씩 진출해버린 kriii는 미련을 버리지 못하고 왠지 모르게 올해에도 파주 World Finals 준비 캠프에 참여했다..
[js/node.js] 백준 2557번: Hello World
문제 Hello World!를 출력하시오. 풀이 console.log('Hello World!'); 출처 2557번: Hello World Hello World!를 출력하시오. www.acmicpc.net