나만의공간

지금은 잘 사용 안하는 Internet Explorer 5.5 ~ 11 버전에 대한 테스트를 할 필요가 있습니다. 이 경우 윈도우 PC에 브라우저별 버전을 모두 설치 하느라 시간을 모두 소비하고, 그것도 모자라 컴퓨터를 또 구하기도 합니다. 요즘 누가 MS에 Internet Explorer를 사용하냐고 할수도 있겠지만, 아직도 숨은 시스템들은 저 버전을 사용하고 있고, 하나씩 업그레이드 해 나가고 있다고 보면 됩니다. Internet Explorer 버전별로 테스트를 편하게 할 수 있는 IE Tester라는 도구를 소개해 드립니다. ITTester 소개 IE Browser 버전별로 테스트를 할 수 있는 툴이며, 운영체제 하나만 설치해서 해당 툴을 사용하면 편합니다. 이제 운영체제별 인터넷 익스플로러를 설..

Vue 강의 세번째 입니다. Vue 알아보기를 위해 강의 들은 내용을 기준으로 정리를 한 내용입니다. 기초강의 내용이며, Vue 알아보기 #1에 이야기 드린 강의 내용을 정리 하고 있습니다. Vue는 무엇인가? Vue 기본문서에 나와있는 Vue개념에 대한 이미지 입니다. vuejs.org에서 찾아봐도 안보여 강의에 있는 이미지를 활용했네여 View : Dom객체(HTML)파일에 해당됩니다. ViewModel: 우리가 사용할 Vue F/W이 되겠네여 Model: BackEnd API에서 전달된 데이타가 들어 있는 곳입니다. Vue가 적용된 간단한 코드 우선 Visual Studio(이하 VS Code)에 Auto Close Tag라는 PlugIn을 설치해 주세요. Auto Close Tag를 설치 하게..

자바 코딩 컨벤션을 적용한 후에는, 컨벤션이 잘 적용되었는지 확인해야 하는데, 이를 일일이 사람이 확인하는 것에는 한계가 있습니다. 그래서 CheckStyle 플러그인과 네이버 코딩 컨벤션의 체크 규칙을 사용하면, 자동으로 컨벤션 검사를 할 수 있어요. 이 기능을 사용하면, 코딩이 끝난 후에도 컨벤션을 쉽게 확인할 수 있습니다. 따라서, 이 기능을 활용하면 코딩의 효율성을 높일 수 있을 뿐만 아니라, 컨벤션을 준수하는 좋은 습관을 기를 수도 있습니다. CheckStyle Plugin 다운로드 Intellij 에서 CheckStyle을 다운로드 받습니다. 다운로드가 완료되면, 네이버에서 제공하는 CheckStyle 체크 관련 정보를 설정해야 합니다. 이를 위해 네이버 코딩컨벤션 적용 가이드를 참고하실 수 ..

코딩 컨벤션은 왜 적용할까? 코딩 컨벤션은 어느 누구나 코드를 읽기 쉽고 관리하기 쉬운 규약을 따르는 것입니다. 여러 사람이 작업할 경우 일관성 있는 코드 작성을 유지할 수 있어 가독성을 높이는 데 필수적입니다. 또한, 신규 인력이 들어올 경우에도 더 빠르게 적응할 수 있습니다. 코딩 컨벤션은 서로 간의 약속입니다. 다양한 방식으로 적용할 수 있지만, 구두나 문서로만 정의하면 잊혀지거나 잘못 적용될 수 있습니다. 따라서, 네이버나 구글과 같은 대기업에서 사용하는 개발 도구에 적용 가능한 가이드를 사용하는 것이 좋습니다. 저는 네이버에서 사용하는 캠퍼스 핵데이 적용 방법을 써 볼 예정입니다. 코딩 컨벤션은 코드 작성 시 일관성을 유지하고, 가독성을 높이며, 버그를 예방하고, 코드의 효율성을 개선하는 데 도..

『역행자』는 2022년 6월 3일 출간된 자기개발서적으로, 현재까지 36쇄까지 인쇄되어 많은 독자들이 읽은 책입니다. 최근 저는 경제와 자기개발서적을 많이 읽고 있습니다. 자기개발을 위한 가장 좋은 방법은 책이라 생각하며, 책에서 제시하는 내용 중 내가 실천 가능한 것을 찾아 내 것으로 만들면 그것이 내 삶에 익숙해지는 것을 느끼고 있습니다. 지은이(자청님)는 이 책에서 "역행자가 되는 7단계"를 강조하고 있습니다. 이 7단계를 따라서 경제적 자유를 얻을 수 있을까요? 그렇다면 모든 사람들이 경제적 자유를 쉽게 얻었겠지요. 하지만 중요한 것은 각자의 상황에 맞게 변화를 주는 것입니다. 이 책에서는 "22전략"이라는 내용도 다루고 있으며, 이것이 삶의 패턴을 변화시킬 수 있는 모습이라 생각합니다. 따라서,..

문래동 / 양평동에 신규 도서관이 생겼습니다. 서울에 큰 도서관을 만들 공간은 항상 적기 때문에 작은 도서관은 곳곳에 만들어 준다는 생각이 드네여. 큰 도서관이 멀리 있는것 보다 사는곳 주변에 작으나마 도서관이 있는게 좋다고 생각합니다. 보고싶은 책들은 대차대여 서비스등을 이용하면 다른곳 도서관에 있는 책도 가져다 주니까여 영등포 생각공장도서관은 과학테마를 기반으로 만들었다고 합니다. 방문 했을때는 과학테마를 어디서 봐야 하지 하면 두리면 했는데, 과학테마를 못 느꼈어여 (나중에 행사나 전시를 과학테마로 할려나 봐야겠어여) 대신 새로 만든 도서관 답게 깨끗하고, 공간도 넓고, 층마다 특색도 있고, 앉는 장소도 재미있게 만들었습니다. 앉아서 공부를 하는 장소는 적어, 보고 싶은 책들을 좀 보다가 대출을 받..

DBeaver에 숨겨진 좋은 기능들이 많이 있다는거를 새삼 느끼고 있는중이네여. 무료Tools이면서 불편했던 기능 이런거 제공 안되나 하고 생각하면 옆 동료가 이미 사용하고 있고, 배우고 나니 편리하게 잘 쓰고 있어 저와 같이 필요한 분이 있을듯 하니 또 공유 하게 됩니다. DBeaver 쿼리 조회 조건 싱글퀘테이션 or 홀따옴표 자동 만들기 기능입니다. SQL 조회 조건 싱글쿼테이션(') 콤마(,) 자동 생성 기능 조회조건에 넣는 값들은 보통 엑셀이나 Text파일로 줄내림을 해서 받게 되는 경우가 많이 있습니다. 이 경우 IN을 사용하여 조회를 하게 되는데 그때 SQL문법에 맞게 싱크퀘테이션('), 콤마(,)를 손으로 직접 타이핑 하는 경우가 많은데 DBeaver에 아래 기능을 사용하면 자동으로 뚝딱 ..

김포가볼만한카페-대형카페 방문기 수도권에 다양한 형태에 카페들이 많이 생기는것을 알게 되어 매달에 한번식 특이한 카페 방문 후 방문후기를 작성 해볼려고 합니다. 이번에는 대형카페에 방문해 봤습니다. 대형카페가 어느정도가 되어야 대형카페로 불리는지 가보니 알거 같습니다. 카페안에 소규모 가방매장도 있고, 와인도 팔고, 악세사리도 팔고 합니다. 카페가 대형이다 보니, 백화점처럼 소규모 판매매장도 생겼네여 포지티브스페이스 566 모습 포지티브를 처음 방문하는데, 저 멀리 보이는 모습을 보고, 호텔 같다는 생각이 들었습니다. 안에는 어떤 모습일지 궁금해서 빨리 들어가 보고 싶었네여 오늘 문을여는 "강민주의 들밥"집도 보이네여 (저기서 식사를 할까 하다 카페에서 이것저것 먹고 싶어 식사는 다음으로) 주차하고서 입..

Git으로 작업을 하다가 보면 Branch를 미삭제 하고 쌓이기만 하기도 한다. master로 머지가 완료되어 PRD환경까지 배포가 나가면 작업이 끝나 Branch를 꾸준히 삭제를 해야 좋지만 삭제하는것을 잊고 지나가고, 그러다 보면 Branch가 너무 많아 하나씩 지우는것도 일이다. 아래 명령어를 사용하면 특정일 기준으로 Branch를 일괄 삭제 할수 있다. 혹시 모르니 develop / release / master등에 중요 Branch는 Protected로 보호한후 진행하는거를 추천 드립니다. Git 특정일 기준 Branch 삭제 git push origin --delete $(git for-each-ref --format='%(refname:short) %(committerdate:short)' ..

Intellij UI 간단히 살펴보기 프로젝트 목록 및 파일상태 확인 창 파란색 파일명 : 수정된 사항 있음 초록색 파일명 : 신규 추가 빨간색 파일명 : 신규 파일 추가 시 – unstage 상태 merge 등의 작업 후 – 충돌 상태 gulp task 실행 창 에디터 창 git > network 를 보여주는 log 창 Terminal 입력 창 git > branch 리스트 및 관련 기능 창 로컬저장소(Local Repository) 생성 기존의 저장소에서 clone 받기 웹스톰 설치 후 최초 실행인 경우 1. check out from Version Control > Git 선택 2. Clone Repository 창이 뜨면 해당하는 내용을 입력하고 Clone버튼을 클릭 합니다. – Clone Rep..