쉽게 쉽게

▤ 목차Sources 메뉴에서는 중단점(Breakpoint)을 활용하여 디버깅을 할 수 있다.즉 ​ 중단점(Breakpoint)을 활용하면 실행 단계마다 스크립트의 동작을 잠시 멈추고 발생하는 이슈를 확인할 수 있다.이에 대해 자세히 알아보려고 한다.1. 중단점(Breakpoint) 사용법1. Sources 메뉴 구조Sources 패널은 크게 세 개의 영역으로 구성된다.파일 탐색 영역 : 페이지를 구성하는 모든 리소스(HTML, JavaScript, CSS 등)를 트리 형태로 보여준다.코드 에디터 영역 : 선택한 파일의 소스 코드를 보여주며 편집도 가능하다.자바스크립트 디버깅 영역 : 디버깅에 관련된 기능을 제공한다.2. 중단점 설정코드 에디터 영역에서 디버깅하길 원하는 라인을 클릭하면 파란색으로 선..

▤ 목차개발 시 크롬 개발자 도구에서 설정할 수 유용한 기능들과 Sources - Console - Elements - Application - Lighthouse - Performance - Memory - Network 패널 기능들을 정리해보려고 한다.1. 크롬 개발자 도구 설정다양한 패널 기능들을 사용하기 전에 개발자 도구에서 세팅할 수 있는 유용한 기능들을 알아보려고 한다.개발 시 알아두면 편리한 기능들 위주로 정리해 봤다.1. 창모드 선택 우측 버튼을 클릭하여 개발자 도구 위치를 지정할 수 있다. Dockside 순서대로 창모드, 왼쪽에 배치, 아래 배치, 오른쪽 배치이다.2. 디바이스 모드 선택디바이스 모드는 모바일 브라우저 개발을 지원하는 기능으로 다양한 기기를 테스트 해볼 수 있다...

▤ 목차1. Git repositroy 생성1.  repositroy 생성git사이트 가입 후 Home 화면에서 New를 클릭하여 repository를 생성할  수 있다.여기서 선택해야 할 항목은 3가지이다.Public(공개) / Private(비공개)README file (설명서). gitignore (git upload시 제외목록)일반적으로 README file과 . gitignore 은 추가해주면 좋다. 2. .gitignore 설정.gitignore이란?해당 프로젝트 내에서 불필요하다고 느끼는 특정 '파일' 및 '디렉터리 경로'를 Repository에 올리지 않기 위해이 파일들을 무시(ignore) 하기 위한 정보를 가지고 있는 파일(.gitignore)을 의미한다.예를 들어 test 폴더나 ta..

▤ 목차1. 프로젝트 외부에 jar 추가1. Build Path -> Configure Build Path  -> Libaries -> Add External JARS... 외부에서 가져온 jar파일 등록을 성공하면 아래처럼 Referenced Libraries에 추가한 jar 파일이 나타나게 된다.다만 경로를 보면 로컬경로(절대경로)라는 걸 알 수 있다. (즉 내 컴퓨터 저장경로)만약 이 프로젝트를 다른 환경에서 사용해야 한다면 프로젝트에 jar파일이 포함되지않아 사용에 어려움이 있을 수 있다.이를 해결하기 위해서는 프로젝트 내부에 jar 파일을 추가할 필요가 있다.2. 프로젝트 내부에 jar 추가1. 프로젝트 내부의 WEB-INF 하위 경로에 lib 폴더를 만들어 사용한다.2. lib 폴더에 등록을 ..

1. 이슈textarea로 저장한 값을 출력 시 모든 글내용이 한 줄로 붙어서 나오는 경우를 볼 수 있다.이런 현상의 원인은 textarea의 개행문자가 \r\n, \n으로 되어있는데 웹에서는 태그를 사용하기에 줄바꿈이 안되는 것이다.이를 해결할 다양한 방안을 알아봤다.2. textarea 개행처리1. JSTL의 사용// 저장한 값대로 출력하기 를 사용하여 저장한 값 그대로 출력할 수 있다.은 escaperXml 속성을 가지고 있어 문자를 그대로 노출하게 만들어 준다. (특수문자를 문자 엔티티 코드로 변환)의 장점을 더 설명하면 보안성이 뛰어나다는 점이 있다.Cross-site Scripting 공격은 스크립트를 주입시켜서 사이트를 침입한다.아래와 같이 넣었을떄 EL태그는 alert창이 동작하지만 은..

1. 이슈 프로젝트 도중 ibatis를 이용한 insert문을 작성했다. 그리고 return 값을 idx로 받았다. 그러나 이 insert 결과로 NullPointException이 발생했다. 분명히 모든 파라미터 값도 잘 들어와 있고 sql 문만을 실행했을 때도 잘 작동했는데, NullPointException이 뜨니 당황했다. 그래서 이 이슈를 해결하기 위해 ibatis의 DML문이 return 하는 결과값을 찾아봤다. int idx =sqlMapClientTemplate.insert("user.insertRequest", request_map); -- nullPointException이 뜨는 오류 발생!! -- 2. ibatis return값 성공 실패 insert() null 에러 update()..

1. SVN 충돌 프로젝트를 svn으로 관리하며 여러 브랜치를 오가며 사용할 때, 가끔씩 소스가 충돌이 생기기도 한다. 충돌이 발생하면 원하는 방향으로 소스가 수정되지 않거나, 커밋이 불가능하는 등의 문제점이 발생한다. 이를 해결하기 위한 방법을 몇가지 알아보고자 한다. 2. 해결방법 1. 충돌 발생시 Team > Synchronize with Repository를 클릭 후 프로젝트에 마우스 오른쪽을 클릭하면 아래와 같은 화면이 나온다. 2. 서버의 소스와 로컬소스를 비교하며 원하는 방향으로 수정할 수 있다. 이 중 3가지 기능을 설명하자면 Override and Commit : 로컬의 소스를 서버에 덮는다. 즉 내가 작업한 로컬의 소스가 메인이 된다. Override and Update : 서버의 소스..

1. IP 주소 찾는 법 업무 중 내 IP 주소를 찾아서 전달해야 할 일이 생겼다. ip 주소를 알아내는 방법은 2가지가 있다. cmd에 ipconfig를 입력하는 방법 웹사이에 'ip 주소 확인'을 검색 그런데 cmd의 ipconfig를 이용하여 찾은 ip주소와 네이버 'ip 주소 확인'을 이용한 ip주소가 달랐다. 둘의 차이점과 올바른 주소가 어떤 것인지 알아보려고 한다. 2. 공인 IP와 사설 IP 네이버에서 확인하는 ip 주소는 공인 IP 주소이며, cmd에 ipconfig를 입력하여 얻는 ip 주소는 사설 IP 주소다. (IPv4 주소) 공인 ip 주소란 인터넷 사용자의 로컬 네트워크를 식별하기 위해 ISP(인터넷 서비스 공급자)가 제공하는 IP 주소다. 공용 IP 주소라고도 불리며 외부에 공개..

자바 프로젝트와 SVN을 연동하는 과정에서 발생했던 오류와 과정을 설명하려고 한다. 1. 자바 프로젝트와 SVN 연동과정 자바 프로젝트와 SVN 연동은 간단하게 진행할 수 있다. 사전준비로 SVN Repository Location를 만들어 놓아야 한다. (VisualSVN server에 new Repository를 만들라는 의미) 방법은 두 가지다. 1. 프로그램 소스에서 SVN Repository Location에 연결하는 방법 2. SVN Repository Location을 먼저 만들고 프로그램 소스에 연결하는 방법 두 방법은 순서의 차이지 큰 차이는 없다. 먼저 프로그램 소스에서 SVN Repository Location에 연결하는 방법이다. 1. 프로그램 소스 - Team -Share Proj..

오래된 프로젝트 중 SqlMapClientTemplate을 사용하는 프로젝트가 있어 SqlMapClientTemplate가 어떤 것인지 알아보려고 한다. SqlMapClientTemplate은 이전에 다뤘던 SQL Mapper와 ORM 글에서 설명한 SQL Mapper 중 iBatis에 해당한다. 2023.05.14 - [개발공부/CS] - SQL Mapper와 ORM이란? SQL Mapper와 ORM이란? 1. JDBC란? 프로젝트에서 객체 지향 프로그래밍과 DB를 연결하는 방법은 여러 가지가 있으며 이를 제공하는 프레임워크가 Persistence Framework(영속성 프레임워크)이다. 영속성이란? 더보기 영속성(pers minsu092274.tistory.com 1. SqlMapClientTemp..