전체 글93

• 

  [JS]Object 객체에서 Key값 또는 value만 가져오는방법 이렇게 생긴 Object 객체에서 key값만 나열하거나 또는 가져오고싶다면 Object.keys(객체) 함수를 사용하여 위와같이 key값만 뽑아낼수 있다. value값도 마찬가지로 Object.values(객체) 함수를 사용하여 아래와 같이 value값만 뽑아낼 수있다. 웹개발/TIL 2020. 4. 23.

• [gis]OpenLayer, Union.js 레이어 가시화 _map.setVisible(layerName, visiable) : map에 레이어가 등록된상태에서 함수를 사용하면 해당레이어 가시화 영역시동시 이상한데로 간다면 crs를 의심! => crs를 3857로 변환 도형편집시 WMSLayer는 피처선택 및 편집불가, WFSLayer를 등록하여 진행 웹개발/TIL 2020. 4. 21.

• [Intellij] 인텔리제이 단어 일괄로 바꾸기(일괄 수정) 인텔리제이 자주 쓰는 단축키중 ctrl + r (단어 바꾸기) ctrl + f (단어로 검색) 가 있는데 ctrl + shift + f (프로젝트내 단어전체검색) 은 자주쓰고 있었는데 ctrl + shift + r 도된다.. 이기능을 사용하면 프로젝트내에 단어를 일괄적으로 수정이 가능하다. 2020.12.22 - [웹개발/TIL] - [Intellij] 인텔리제이 주석안됨 해결방법, 주석시 역물음표¿ 해결 https://baekh-93.tistory.com/51 공유하기 글 요소 baekh-93.tistory.com 2020.12.09 - [웹개발/TIL] - [intellij]인텔리제이 세로편집 모드(열편집 모드) 단축키, 하는방법 [intellij]인텔리제이 세로편집 .. 웹개발/TIL 2020. 4. 13.

• [intellij] 변수 표기법 변환, db코멘트 보기 단축키 - 변수표기법 변환 인텔리제이에서 plugIn -> String Manipulation 설치후 alt + M 으로 변환가능! - DB 테이블 코멘트 보기 alt + shft + \ 웹개발/TIL 2020. 4. 3.

• 개발 프로젝트를 받아서 진행할때, pom.xml이 있는 maven 프로젝트일경우 maven install 먼저 maven은 레퍼지터리관리뿐아니라 빌드, 컴파일까지 해줌 자바에서 가장먼저실행되는 메소드는 메인메소드 웹개발/TIL 2020. 4. 3.

• 

  [redux]자주하는 실수 dipatch를 통해 action 객체를 보낼때, type과 함께 같이 보내는 변수들을 최대한 간결하게 하여보낸다 (오버헤드 최소화) 모든 UI는 render링 과정에서 수행하도록 진행한다. (=> rendering 은 subscribe에서만 진행) getState() 로 상태를 불러오는 로직은 Store안에서만 이루어지도록 한다. 웹개발/TIL 2020. 4. 2.

• 

  [GIT] 브런치에서 작업 후 마스터에 Merge하기 만약 bkhh 브런치에서 작업하고 있었다면 현재 상황까지 모두 bkhh 브런치에 푸시한 후 master로 Checkout한다..! 그 후 master에서 업데이트할 내용이 있다면 update를 하고 bkhh 브런치에서 Merget into Current를 해주면 Merge 완료된다. Merge후 이상이없다면 master에 push한다. 웹개발/TIL 2020. 4. 1.

• 

  [node.js] node.js, npm 기반 프로젝트 디버깅 꿀팁(babel사용시, 인텔리제이) 이번에 회사에서 Redux를 사용하여 개발을 하고있는데, node.js 개발환경에서 Babel을 사용하여 ES6이상문법을 ES5로 바꾸어서 빌드를 시켜준다. 이과정에서 크롬개발자도구를 사용하여 디버깅을 할때 작성코드와 다르게 변환된 코드가 나와서 디버깅하기가 너무 난해하여 방법을 찾아보았다.. 그 결과 인텔리제이에서 바로 디버깅 할 수있는 방법을 알아냈다. 정리해보면 다음과 같다. 1. JetBraint 설치 먼저 크롬앱스에 들어가서 JetBrain을 설치한다. https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji JetBrains IDE Support HTML/CSS/JavaScrip.. 웹개발/node.js 2020. 3. 15.

• 

  [꿀팁] 복사 방지 풀기, 우클릭 방지 해제하기 간단한 방법!(Chrome, IE) 안녕하세요. 웹페이지에서 필요한 정보나, 문구들을 메모 나 적어두고 싶을 때 복사가 안돼서 당황하신 적 많으시죠?? 어렸을 때는 복사방지 해제 프로그램이 있어서 그 실행파일을 받아서 사용했던 게 기억이 나는데요. 코딩을 해보셨던 분들이면 비교적 간단한 방법으로 복사방지 제한을 풀 수 있는 방법이 있습니다. 브라우저 별로 방법을 알려드릴 테니 한번 따라 해 보세요 ㅎㅎ [ 크롬, 인터넷 익스플로러 ] (일부 적용이 안되는 사이트가 있을 수 있습니다... ㅠㅠ) 1. 크 롬 (Chrome) 크롬에서는 개발자도구라는 것이 있습니다. 보통 웹개발 할 때 많이 사용하여 일반 사람들은 이 기능을 모르는 경우가 많습니다. 여기서 우리가 해주어야 할 것은 자바스크립트(JavaScript) 기능을 비활성화시키는 것인데요.. 기타 2020. 3. 4.