본문 바로가기

분류 전체보기

[CSS] 만족도조사 + 라디오버튼 커스텀 기획안 보자마자 justify-content:space-around 이게 떠올라서 착착 만들어졌다. See the Pen Untitled by Nay Kim (@nay-kim) on CodePen. 더보기
radio check img color #019de6 더보기
postman request 요청 전 전역변수 저장하기 포스트맨에서 request를 send 하기 전 참조해야하는 변수가 있을때 미리 저장할 수 있는 방법이 있다. 1. 콜렉션 우클릭 > Edit 2. Pre-request Scripts 탭 난 주로 날짜 별 조회해오는 항목들이 많아서 default 날짜 값을 미리 전역변수로 저장해두었다. let date = new Date(); let thisYear = date.getFullYear(); let thisMonth = date.getMonth() + 1; let addZero = function(num){ if (num < 10){ num = "0"+num; } return num; }; let thisMonthFirstDay = addZero(new Date(thisYear,thisMonth - 1,1)... 더보기
postman tests탭에서 내가 자주 사용한것들 1. 상태코드 200 확인 모든 request에 사용했다. 기본으로 http가 리턴한 상태코드가 200인것과 동시에, 내가 조회하는 request들은 response로 자체 처리 상태값을 리턴해줘서 그것도 확인했다. pm.test("Status code is 200", function () { pm.response.to.have.status(200); var jsonData = pm.response.json(); pm.expect(jsonData.resultCode).to.eql(200); }); 2. request 값을 변수로 저장하기 create한 항목의 name으로 update나 delete 테스트를 해야하는데 response에 create 정보를 주지 않는 경우가 있다. 그럴때 내가 body에 싣.. 더보기
SK 에이브릴 왓슨 챗봇 엔티티 리턴값이 엉망 그자체 왓슨 본사의 WA 서울 진출로 인해 NLP 사업 철수중인 SK에이브릴. 챗봇 프로젝트를 거듭할수록 관리가 엉망이라는걸 느낄 수 있었다. 2019년 여름, 수시로 왓슨 서비스가 죽어서 개발도 운영도 진행할 수 없는 상태였다. 난 고객에게 챗봇 오류 발생원인과 재발방지 대책을 설명해야하는 입장인데, SK 에이브릴 측에 문의하면 1주일 넘어서 답변이 오고, 재현이 불가해서 답변할 수 없다는 말만 반복이었다. 이런식으로 운영하면 나와 같은 중간 업체는 어떻게 믿고 서비스를 사용할 수 있을까? 이런 나의 상황설명과 함께 책임감을 갖고 답장달라는 식으로 문의를 했더니 이번에는 조금 더 빠르게 윗사람의 답변을 받을 수 있었다. 그러나 우리 회사의 솔루션이 어떻게 동작하는지 상세히 기술하라는 양식의 문서였다. 우리 회.. 더보기
정규식에서 특정 단어 예외 처리하기 정규표현식을 이용해서 특정 단어를 예외 처리 해야한다. 조사 관련해서 부모님상, 부모상, 모친상, 부친상, 조부모상, 형제상 등 무수히 많은 가족과 친척의 상만 true가 나와야 하고, 그 이외의 지원대상, 폐 손상, 파티 의상, 문학상일 경우에는 false가 나와야 한다. 문장을 입력하는 타겟은 특정 기업의 직원들이라서 뜬금 없이 '폐 손상', '파티 의상', '문학상' 이런 경우가 없을것 같긴 한데 '밥상', '지원대상', '포상'이 등장하면서 정규식을 수정하게 되었다. ▶ 기존 정규식 /.*\s*상/ 세상에 존재하는 모든 상으로 끝나는 단어가 모두 true로 매칭된다. ▶ 수정한 정규식 /.*[^(.밥|포|대|.*근속|손|의|학)\s*]\s*상/ 지원대상, 폐 손상, 파티 의상, 문학상, 밥상, 포.. 더보기
자바스크립트 날짜 Date 객체 사용시 IE 유의하기 (NaN으로 출력됨) 날짜를 선택하는 캘린더 필드가 여러가지 있는 화면을 담당했다.시작일을 선택하면 다른 캘린더 필드에 조건과 값을 동적으로 업데이트하는 과정에 버그가 있었다. 유저가 선택한 날짜를 yyyy.mm.dd 포맷으로 저장해서 Date 객체로 만들었다. 1234function(selectedDate) { //yyyy.mm.dd var anotherDate = new Date(selectedDate) ...}Colored by Color Scriptercs 크롬에서는 anotherDate 값이 정상적으로 출력되는데 IE에서는 NaN.NaN.NaN으로 출력된다. Date 객체에 string을 넣을때에는 반드시 parse 함수를 함께 사용해야 한다.Date.parse(string) 1234function(selectedD.. 더보기
setState() 저장되지 않을때 드로이드나이츠에 참석했을때 react를 알게 되었는데 내가 직접 사용하게 될 줄이야. react를 공부하면서 백오피스 웹을 개발중이다. 선택목록 컴포넌트에서 값을 변경할 때마다 state에 저장하려고 한다.값이 변할때마다 componentWillReceiveProps()가 호출된다.아래 코드처럼 setState()를 하고나서 바로 console에서 state 값을 찍어봤더니 객체가 비어있다.왜 setState()가 안되지? 12345678910111213141516constructor(props) { super(props); this.state = { person: { name: '', sex: '' } }} componentWillReceiveProps(nextProps){ if(nextProps.pe.. 더보기