본문 바로가기

[개발] Programming197

자바스크립트, 유입 경로의 url 알아내기 (이전 페이지 주소) 마지막으로 방문한 페이지의 url을 조회하고 싶은 경우 document 객체의 referrer 속성을 참고하면 된다. 한 가지 문제는 AJAX를 통해서 페이지를 이동한 경우 referrer로 조회가 되지 않는다. document.referrer; 사용 예시) var preUrl = document.referrer; // 콘솔에 이전에 방문한 url이 찍힌다. console("이전 Url: " + preUrl); cs 만약 이전에 방문 페이지로 바로 이동하고 싶다면 history.go() 또는 history.back()을 사용하면 된다. 단순히 이전 페이지로 이동하고 싶은 경우에는 history.go() 또는 history.back(-1)을, 전전 페이지로 가고 싶은 경우 history.back(-2)를 .. 2020. 5. 31.
깃허브 풀 리퀘스트(Pull Request) 커맨트 탬플릿 등록하기 Git PR Template 깃허브에 PR 코멘트 탬플릿을 미리 등록하면, 정해진 양식에 따라 구성원들은 PR 코멘트를 간편하게 작성할 수 있어 형상관리를 하는데 이점이 있습니다. 그래서 이번 포스트에서는 PR comment 탬플릿을 미리 지정하는 방법을 소개하겠습니다. 1. 깃허브 메인 페이지 접속 2. 새로운 파일 생성 적용했을 때 동작하게 만들 브랜치에 가서 'Create new file'을 선택한다. * 참고로 아래 이미지에서는 마스터로 만들었지만, 실제 작업은 develop에서 했습니다. 이미지 캡처를 마스터에서 했는데 헷갈리게 만든 점 사과드립니다^^ * 선택하면 아래와 같은 화면으로 이동한다. 3. 파일 명, 경로 지정 파일 명 입력 란에는 아래와 같이 '/'을 입력하여 경로를 지정할 수 있.. 2020. 5. 23.
SOAP API와 REST API의 차이점과 장단점 분석 SOAP API vs REST API 서비스 간 통신을 위해 사용하는 API는 구현 방식에 따라 대표적으로 두 가지, SOAP와 REST가 있습니다. 경력직 자바 개발자 면접에서도 자주 나오는 질문으로 평상시에 알고는 있지만, 좀 깊게 이해하고 기록으로 남기기 위해서 포스트를 작성해봤습니다. 주로 두 방식의 차이점과 각각의 방식을 사용했을 때 이점 위주로 정리해 보았습니다. REST (Representational State Transfer) REST API는 JSON 데이터 포맷을 기반으로 하는 통신 규약입니다. (HTTP와 JSON 이용) SOAP에 비해 양식이 간단하기 때문에 성능과 브라우저 간에 호환성이 좋습니다. 다른 말로 하면 구조화되지 않은 데이터만 전송한다고 보면 됩니다. 호출하는 방식도 .. 2020. 5. 20.
ul li 태그 가로로(수평) 배열하는 css 설정 메뉴를 만들다 보면 ul, li 태그를 사용하는 경우가 있다. 하지만 리스트가 아래로 펼쳐지기 때문에 수평으로 배열하려면 css를 수정해야 된다. 아래와 같은 소스가 있다고 가정한다. 실행해보면 아래와 같이 아래로 나열된다. menu 1 menu 2 menu 3 menu 4 menu 5 cs 리스트를 수평으로 배열하기 위해서 css에 코드를 추가해본다. 만약 ul, li 태그가 페이지의 여러 곳에서 사용된다면, 클래스를 추가해서 스타일을 입히거나 html 태그에 직접 style을 추가한다. ul { list-style:none; } li { float: left; } cs 막상 만들어보니 너무 지저분하다ㅋ 간단하게 스타일을 추가하면~ 끝ㅋ * html 실행 사이트: http://www.cssdesk.com/ 2020. 4. 28.
자바 실행 시간(시간 차이) 구하기 - currentTimeMillis() 자바에서 currentTimeMillis() 함수를 이용하면 간단하게 시간 차이를 구할 수 있다. 해당 메소드는 system 클래스에 포함되어 있어 별도로 선언할 건 없다. 프로그램이 시작하는 시점에 실행하고 종료 시점에 실행해서 각각의 차를 구하면 된다. 함수: System.currentTimeMillis(); 예제 소스) 1. 시작 시점에 시간을 밀리 세컨드로 측정하고 - startTime 2. 5초간 실행했다고 가정하고 3. 종료 시점에 시간을 밀리 세컨드로 측정하고 - startTime 4. 마지막에 경과 시간을 미리 세컨드와 초로 출력 1 2 3 4 5 6 7 8 9 10 11 12 13 long startTime = System.currentTimeMillis(); try { // 5초간 지연.. 2020. 4. 23.
자바 String, StringBuffer, StringBuilder 차이 점 String, StringBuffer, StringBuilder 문자열을 저장하기 위한 클래스 3가지. 나오는 결과물은 동일하나 완전 다른 특성을 갖는다. 별거 아닌 것 같은데 정신력이 흐려지면 헷갈린다. 그래서 이참에 셋을 비교 분석해본다. 차이점 String은 immutable 즉 불변 객체이다. 선언하면 저장된 문자열을 가공해도 여전히 동일한 공간이 할당되어 있다. 소스로 예를 들면 스트링 타입에 값을 선언하면 해당 사이즈로 메모리에 할당이 된다. String tmp = "test string"; 데이터를 바꾸면 Heap 메모리 내 String pool에 새로 공간을 할당하게 된다. tmp + " adding a new string"; 기존 객체는 null로 초기화해주기 전까지는 메모리를 차지하고 .. 2020. 4. 7.
JQuery serialize() 사용하는 이유 JQuery serialize JQuery Ajax로 호출하기 전에 serialize를 해주면 form안에 값들을 한 번에 전송 가능한 data로 만들 수 있어 많은 data를 보낼 때 유용하다. (Ajax가 아닌 다른 상황에서도 사용할 수 있음.) 형태: $("form id 또는 name").serialize(); serialize를 사용하지 않는다면 하나씩 담아줘야 하기 때문에 보낼 data가 많을수록 노가다를 엄청 해야 된다. 예제 소스 예제 소스를 통해 살펴보면, id="food" 인 form이 있다고 가능하자. 이제 아래 form을 Ajax를 사용하여 서버로 보내기 위한 data 형태로 만들어본다. 1 2 3 4 5 6 Colored by Color Scripter cs 1. serialize .. 2020. 4. 4.
구글 챗봇 다이얼로그과 페이스북 메신저 창 연동해보기 페이스북 메신저와 구글 챗봇 연동 앞서 (글 보기) 챗봇 에이전트 생성을 완료하고 이제 대화를 입력받을 수 있는 창을 연동하려고 합니다. 제가 연동할 채팅 창은 페이스북 메신저로 카더라 통신에 의하면 커스터 마이징이 좋아서 쓸만하다고 합니다. 카카오톡 채팅은 구글에서 지원하지 않아 별도로 설정을 해줘야 해서 이번 포스트에서는 다루지 않겠습니다. 01 페이스북 메신저 추가 구글 다이얼로그 페이지에서 인티그레이션즈 메뉴를 선택합니다. 우측에 나오는 목록 중에 페이스북 메신져 항목을 활성화시킵니다. 활성화를 누르면 팝업이 뜨는데, 여기에 각각의 정보를 입력해야 됩니다. 1. Callback URL - 자동 설정. 2. Verify Token - 페이스북에서 설정한 토큰. 3. Page Access Token .. 2020. 3. 14.
깃에 풀 리퀘스트(Pull Request) 하는 방법 - 소스 트리(Source Tree) 사용 Git Pull Request 깃으로 작업할 경우 새로운 수정 건을 반영할 때 보통 PR을 딴다고 표현한다. 이 의미는 pull request를 생성하여 반영을 요청하기 위함이다. 즉, 나의 수정된 소스를 깃허브에서 당겨가도록 요청하는 작업인 것이다. 각자 작업하는 방식을 조금 다를 수도 있지만, 이번 포스트에서는 소스를 이미 로컬로 받은(pull) 상태에서 PR를 요청하는 방법을 다루어본다. 작업은 깃 관리를 위한 툴인 소스 트리를 사용한다. 작업 순서는 아래와 같다. branch 생성 소스 수정 후 add, commit, push Pull Request 생성 Merge Pull Reqest 1. branch 생성 여러 개발자가 동시에 각자 작업을 하기 위해서 생성하는 것이 브랜치다. 즉 각자 독립적인.. 2020. 3. 7.

티스토리툴바