첫 자바스크립트 공부 시작은 노마드 코더의 "바닐라 JS로 크롬 앱 만들기" 강의를 본 것이었습니다. 그래도 일하면서 자바스크립트는 많이 사용했으니 이 정도는 다 알겠지? 하면서 저의 전투력을 측정하는 느낌으로 강의를 들었습니다. 하지만 은근 저도 어이없게 모르는 것도 있고, 원래 몰랐던 것들도 있었습니다. 강의에 대해 이 강의는 momentum이라는 크롬 앱의 기능을 일부 구현해보는 강의로 클론까지는 아니고 기능 구현하기 강의입니다. 제목에서 알 수 있듯이 vanilla js를 배우고 코딩해보는 실습을 가집니다. 배우면서 몰랐던 것 요소 탐색 DOM 탐색은 가장 기초 중에 기초인데, 저는 jQuery에 의존했습니다. 하지만 document.getElementById, document.getElement..

2022년 첫 블로그 포스팅입니다. 2022년 기념으로 앞으로 더 나은 개발자가 되기 위해 나아가는 한 걸음에 대해서 이야기해볼까 합니다. 저는 직장에서 풀스택 개발을 하고 있습니다. 하지만 이번에 일을 하나 하면서 자바스크립트에 대해 모르는 것이 많고 부족하다는 생각을 했습니다. 그래서 이번 기회에 자바스크립트를 제대로 기초부터 차근차근 공부해 나아가 보려고 합니다. 사실 지금 이미 공부를 하고 있었는데, 2022년도 첫 포스팅이라 새해 다짐인 느낌으로 말해봤습니다 ㅎㅎ. jQuery는 이제 사용할 필요가 없다. 프론트엔드에서 개발을 쉽고 용이하게 도와줬던 jQuery가 오랫동안 자리를 잡고 있었습니다. 다양한 라이브러리도 jQuery의 도움을 받아 제작되고 그 유명한 부트스트랩도 버전4까지 jQuer..

처음에는 스마트워치 있어서 뭐해?라는 생각을 하고 구매하지 않았습니다. 막상 있으니까 휴대폰으로 어떤 알림이 왔다는 걸 더 쉽게 알 수 있고, 날씨도 쉽게 알 수 있고 편한 기능이 좀 있더라고요. 약간 일상의 보조적인 편리함을 주는 느낌? 엄청 삶이 달라지는 느낌을 받을 순 없습니다. 디자인이 좋아서 일상생활에 소소한 만족을 줍니다. 특히 잘 마감된 다이아몬드 컷팅이 너무 마음에 듭니다. 원래 사용하고 장단점을 생각해서 포스팅할 계획이었습니다. 사용하면서 장점에 대해 많이 찾아볼 수 있었습니다. 하지만 기존에 스마트워치를 사용해본적이 없어서 비교대상이 없으니 단점은 잘 모르겠더라고요. 사용하면서 안 좋은 부분은 단점보단 아쉬웠던 부분이 더 정확한 표현인 것 같았습니다. 그래서 이번 포스팅에서 그동안 갤럭..

안녕하세요. 이번에 갤럭시워치4 를 구매하고 첫인상 리뷰와 언박싱 포스팅을 해보려고 합니다. 이번에 제가 구입한 제품은 갤럭시워치4 입니다. 갤럭시워치4 클래식과 갤럭시워치4가 있는데, 기존의 워치 액티브 라인이 갤럭시워치4로 나온것 같습니다. 갤럭시워치4가 구매 전 디자인이 예쁘게 나와서 굳이 스마트워치를 사야 하나 생각했던 저의 생각을 바꾸게 해 준 것 같습니다. 구입 모델 제가 구입한 모델은 "갤럭시 워치4 44 mm (블루투스)" 입니다. 색상은 올 블랙입니다! https://www.samsung.com/sec/watches/galaxy-watch4-r870/SM-R870NZKAKOO/ 갤럭시 워치4 44 mm (블루투스) (블랙) | Samsung 대한민국 www.samsung.com https..

이 포스팅은 인프런의 김영한 님의 "스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술" 강의를 보다가 좋은 내용인 것 같아서 참고하여 포스팅했습니다. Autowired 하는 방법은 아마 대략적으로 3가지가 있을 것입니다. 그냥 멤버 필드에 @Autowired 하는 방법 생성자에 @Autowired 하는 방법 Setter에 @Autowired 하는 방법 이 3가지 방법 중, 어떤 방법이 좋은 방법일지, 이번 포스트로 다루어 보겠습니다. 시나리오 package com.min.edu.controller; import com.min.edu.service.MemberService; import org.springframework.stereotype.Controller; @Controller..

1. 스킨을 바꾼 이유 정규표현식 포스팅을 하다가 태그를 사용을 많이 했습니다. 그런데 code 태그를 기존에 쓰던 스킨에서 지원하지 않았습니다. 안 그래도 스킨에 만족도가 안 좋았는데, 이번에 트리거가 되어 스킨을 바꾸게 된 계기가 됐습니다. 좀 더 개발자 블로그에 어울리는 티스토리 스킨이 없나 찾다가 바로 좋은 스킨을 찾았습니다. https://pronist.tistory.com/5?category=844785 hELLO. 티스토리 스킨을 소개합니다. hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과 품질 pronist.tistory.com 2. 스킨 ..

본 포스트는 프로그래머스 정규표현식 강의를 참조하여 정리한 글입니다. 그래서 프로그래머스 강의에서 나오는 예제 코드와 같습니다. https://programmers.co.kr/learn/courses/11 정규표현식 문법 \d 숫자를 대표하는 글자들(d 는 digit의 약자) \D 숫자를 제외한 문자 \w 글자를 대표하는 글자들 (w는 word의 약자) \W 글자 대표 문자를 제외한 글자들 (특수문자, 공백 등) \s 공백 문자 (스페이스, 탭, 뉴라인) \S 공백 문자를 제외한 문자 + '하나 혹은 그 이상 연결된' 라는 뜻. - \d+ : 연결된 숫자들만 ['02', '123', '4567', '070', '9999', '9999', '010', '2454', '3457'] - \w+ : 연결된 글자..

라인, 카카오 신입 공채 코딩 테스트를 쳤습니다. 무려 같은 날에 시험 봤습니다. 2021.09.11에 둘 다 봤습니다. 라인은 오전에, 카카오는 오후에 둘 다 합해서 총 8시간 봤는데 죽을 맛이네요. ㅎㅎ 블로그에 문제를 올리는 건 금지되어 있어서 간단하게 두 회사 문제의 차이점이랑 느낀 점, 간단한 정보만 알려드릴게요. 두 회사 모두 화면 공유나 휴대폰 카메라 연동은 없었습니다. 1. 2022 라인 신입 공채 코딩 테스트 라인 신입 공채 코딩 테스트는 6문제에 3시간을 줍니다. 한 문제당 30분이라니, 문제가 좀 쉬운가? 생각했는데.. 그런 건 아니었습니다. 정말 잘하는 사람을 뽑겠다는 의지가 보였습니다. ㅎㅎ 다양한 알고리즘을 사용해서 해결한다기보다 최소한 알아야 하는 알고리즘으로 구현을 잘해야 한..

프로그래머스 관한 후기를 올리는 것은 이번이 처음이네요. 이번에 JetBrains과 프로그래머스가 콜라보해서 코드 챌린지를 열었습니다. 후기 09/09(목) 19:30 - 22:30 일자 테스트를 쳤습니다. 솔직히 저는 아직 프로그래머스에서 알고리즘 실력을 키우는 중이라 좋은 실력은 아닙니다. 하지만 앞으로 꾸준히 실력을 키우고자 한번 참여해봤습니다. 저는 JAVA로 참여했습니다. 그렇습니다. 저는 4문제 중 달랑 1문제 풀었습니다. 제게 문제가 많이 어렵더라고요. 1번 문제는 빠르게 쉽게 풀었는데, 2번부터 문제의 내용은 알겠지만 어떻게 풀어야 할지 감이 오지 않았습니다. 아무래도 이런 문제를 많이 경험해봐야 할 것 같습니다. 클리어 도장을 4개 모아야 한다는데.. 저는 잘 모르겠네요 ㅎㅎㅎ 문제를 모..

많은 사람들이 진로, 직업 때문에 걱정하다가 돈을 벌기 위해 어쩔 수 없이 전공을 포기하고 기술을 배워 직업을 구하는 방법을 택하곤 합니다. 프로그래머도 많은 사람들이 선택하는 직업 중 하나입니다. 프로그래머는 비전공자의 비율이 많고 많이 전향하는 직업 중 하나입니다. 코딩을 도전하고 싶은데 막상 그러지 못하거나, 프로그래머가 되고 싶은 사람들에게 프로그래머를 선택하기에 어떤지 몇 가지 이야기해 드리고자 합니다. 코딩은 어렵지 않을까? 프로그래밍은 얼핏 보면 어려워 보일 수 있습니다. 알 수 없는 영어들이 엄청나게 많고 수학적인 계산을 해야 할 것 같다고 생각할 수 있습니다. 하지만 생각과는 다릅니다. 알파벳만 알면 되고 수학적인 계산은 거의 없습니다. 만약 알고리즘 공부까지 해야 한다면 수학적인 생각을..

본 글은 HTML과 Markdown을 사용하시는 분들에게 좀 더 쉬운 표 만드는 방법을 알려드리기 위한 포스팅입니다. HTML이나 Markdown을 사용하시다 보면 표 만드는 것이 얼마나 귀찮은지 알 수 있습니다. 저는 HTML은 쉽게 코딩으로 표를 작성할 수 있지만, Markdown은 건들기도 귀찮습니다. 깃허브에서 md 파일을 작성해 보셨나요? 그럴때 Tables Generator가 유용합니다. Tables Generator를 사용하면 에디터 없이 쉽게 표 작성하고 깃허브 md 파일에 표를 쉽게 작성이 가능합니다. Tables Generator https://www.tablesgenerator.com/

안녕하세요. 오랜만에 사이트 소개 포스팅을 하게 되었습니다. 정말 유용한 사이트인데 지금 보니 소개가 안되어 있어서 저장할 겸 소개하고자 합니다. .gitignore 파일을 만들어주는 gitignore.io 라는 사이트입니다. gitignore이란? gitignore에 대해서 모르는 분들을 위해서 설명하겠습니다. gitignore이란 사용자가 git 리포지토리에 올리고 싶지 않은 파일들을 제외 대상으로 설정해주는 것입니다. 예를 들어 특정 IDE 관련 파일이나 빌드 도구 파일, DB 연결 도구 파일 등의 파일들은 굳이 리포지토리에 공유할 필요가 없겠죠? 그리고 공개 리포지토리인 경우 민감한 정보나 중요한 정보를 업로드하는 것을 방지할 수 있습니다. gitignore 설정은 프로젝트에 .gitignore ..

CI/CD 란? CI : Continuous Integration 지속적 통합 소프트웨어를 개발하면서 새로운 코드를 작성하거나 코드를 변경하고 빌드 및 테스트하여 공유 리포지토리에 통합되는 것을 말합니다. CI개발을 하려면 개발자들은 코드를 추가, 변경하면 주기적인 일정마다 공유 리포지토리에 병합시켜줘야 합니다. 만약 주기적으로 리포지토리에 공유하지 않고 오랜 시간이 지난 후 병합을 하면 아주 큰 컨플릭트(충돌)가 일어나겠죠? 작은 컨플릭트라면 그나마 다행이지만, 오랫동안 개인만의 개발을 한다면 나중에 병합을 할 때 큰 컨플릭트가 날 확률이 높습니다. 그래서 요즘 IT 기업들은 개인주의 성향의 개발자보다 커뮤니케이션을 중요시하는 개발자를 선호한답니다. CI는 빌드, 테스트, 병합이 모두 자동화되어야 합니..

제목만으로 어떤 말인지 알기가 힘든데 그림으로 어떤 내용을 포스팅할지 보여드리겠습니다. 게시판이나 리스트의 제목을 줄이는 방법입니다. 엄청나게 긴 글을 게시판 리스트에 표시한다면 제목이 칸 밖으로 넘어가거나 줄 바꿈이 됩니다. 공간의 크기를 늘려서 보기 싫게 만드는 모습. 바꾸고 싶으실 겁니다. 어떻게 바꾸시겠습니까? 자바스크립트로 for문으로 DOM탐색해서 제목 요소를 하나하나 선택하고 특정 글자 수까지 표현하실 건가요? CSS를 이용해서 클래스 하나만 추가하면 일괄적으로 쉽게 변경할 수 있습니다. 방법 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; CSS의 class에 위의 코드를 입력하는 것이 키워드입니다. 위의 코드가 모두 있어야..

안녕하세요 운구름입니다. 사실 정보처리기사를 취득한 건 21년 6월 3일인데, 한동안 개인 프로젝트 개발로 소식을 전할 수 없었는데 이제야 소식을 전하네요. 2020년부터 정보처리기사가 완전히 바뀌면서 많이 어려워졌습니다. 그리고 제가 정보처리기사를 응시할 때 출제자도 문제 난이도 조절에 익숙하지 않은 느낌을 받았죠. 하지만 열심히 하면 다 합격할 수 있습니다. 사람마다 공부하는 법은 다르지만 제가 공부한 방법을 참고해서 도움이 되신 분들이 있다면 좋을 것 같습니다. 주의 : 저의 공부 방법이라서 참고만 하고 맹목적으로 믿어주지 마세요. 각자 공부하는 방법이 있다고 생각합니다. 교재 저는 수제비 정보처리기사 2020으로 공부했습니다. 솔직히 책은 많으면 좋다고 시나공도 사고 이것저것 샀는데, 다 필요 없..

다른 기업 채용사이트에 비해 NHN 채용사이트는 특정 키워드로 검색하는 기능이 없길래 심심해서 만들었습니다. 필수 라이브러리 requests BeautifulSoup 코드 import requests from bs4 import BeautifulSoup from datetime import datetime URL = 'https://recruit.nhn.com' param={'type':'company'} recruit_list = [] selected_recruits = [] # 채용공고 리스트 추출 print('>> 리스트 추출 중...') responce = requests.get(URL + '/ent/recruitings', params=param) html = BeautifulSoup(respo..

스프링 프로젝트를 개발하면서 시스템이 커지고 DB 또는 다양한 서비스를 위해 어떤 모듈들을 주기적으로 실행해야 할 때가 옵니다. 그럴 때 사용하는 것이 스케줄러입니다. 스프링에서 스케줄러 사용방법은 쉽습니다. servlet-context.xml에서 task namespace를 추가하고 bean을 참조하여 cron 표현식으로 언제 주기적으로 등록한 메서드를 실행할지 선언만 해주면 됩니다. 스프링 프로젝트를 구축하고 간단하게 따라해 봅시다. 1. servlet-context.xml에 scheduled-tasks 추가 servlet-context.xml에 namespace에서 task를 추가합니다. 그럼

🔍 설명 하드코딩을 피하고 중요한 키나 패스워드는 코드에 직접 입력하지 않고 외부 파일에서 읽어 사용합니다. 그럴때 보통 Properties 파일을 많이 사용합니다. 공통적으로 많이 사용하기도 하고 가끔 필요할때 사용하기 쉽게 코드를 공유합니다. 아래의 readProperties 메서드의 argument는 Properties 파일 상대경로 입니다. 그리고 입력한 경로로 읽어낸 Properties 객체를 반환합니다. 📝 파라미터 예시 : properties/db.properties ✅ Properties 파일 읽기 메서드 : readProperties 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 /** * prop.getPropert..

소개 알고 있다면 찾아서 개발할 수 있지만, 모르면 사용조차 못하고 빙 둘러가는 경험은 누구나 합니다. 개발도 똑같습니다. 각각의 프로그래밍 언어들이나 프레임워크 등 어떤 문법이 있는지, 어떤 메서드가 있는지 알면 사용법을 몰라도 찾아 사용할 수 있지만 모른다면 사용조차 못합니다. 그럼 우리에게 필요한 것은 '무엇'이 있는지 알아야겠죠? Overapi 사이트는 여러 언어, 여러 프레임워크, 여러 시스템에 있는 문법, 메서드, 명령어 등 키워드를 한눈에 볼수 있도록 치트시트를 보여줍니다. 링크 overapi.com/ OverAPI.com | Collecting all the cheat sheets OverAPI.com Collecting All Cheat Sheets overapi.com 살펴보기 아래와 ..

개요 MarkDown은 가독성이 좋은 글이나 문서를 쉽고 빠르게 만들 수 있습니다. 그래서 특히 Github에서 많이 사용하고 있습니다. 하지만 MarkDown은 마크업 언어이기 때문에 작성하다 보면, 자신이 작성한 글이 잘 나오는지 확인하거나 이미지나 표가 잘 나오는지 확인하기 힘듭니다. 그리고 이미지나 링크, 표 등의 문법을 입력하는 것은 까다로운 부분도 있습니다. MarkDown을 편하게 사용할 수 있도록 도와주는 몇가지 프로그램들을 소개하겠습니다. 프로그램 소개 VS Code Plugin MarkDown은 개발자들이 글을 적을때 많이 사용하는 마크업 언어입니다. 그리고 VS Code는 개발자들이 많이 사용하는 에디터이자 IDE입니다. 실제로 VS Code에 MarkDown 형식의 파일을 작성할 수..

정처기 실기 퀴즈 ❔ 문제 유사한 성격을 가지거나 특정 형태로 분류되는 처리 요소들이 한 모듈에서 처리되는 경우의 응집도는? 파라미터가 아닌 모듈 밖에서 선언되어 있는 전역변수를 참조하고 전역변수를 갱신하는 식으로 상호 작용하는 경우의 결합도는? 모듈간의 인터페이스로 전달되는 파라미터를 통해서만 모듈 간의 상호작용이 일어나는 경우의 결합도는? 동일한 입력과 출력을 사용하여 다른 기능을 수행하는 활동들이 모여 있는 경우의 응집도는? 소프트웨어 개발 보안의 3대 요소는? 출발지 주소를 공격대상의 IP로 설정하여 네트워크 전체에게 ICMP 패킷을 직접 브로드캐스팅하여 마비시키는 공격은? 악성루틴이 숨어있는 프로그램으로 겉보기에는 정상적인 프로그램으로 보이지만 실행하면 악성코드를 실행하는 프로그램은? 스니핑이란..

주의 이 포스트 내용은 현재 이 블로그에 사용되는 스킨에 적용되지 않습니다. 오히려 깨지는 상황이 일어나고 스킨마다 적용 적합성이 다릅니다. 주의하시기 바랍니다. 소개 티스토리에 깃허브의 MarkDown 양식처럼 스킨을 입혀서 포스팅을 할 수 있습니다. 이 MarkDown 스킨은 아래와 같은 특징이 있습니다. 현재 적용중인 스킨에 영향을 받지 않습니다. 단, 1개의 css link를 연결하고, css 일부만 수정하면 됩니다. MarkDown 형식의 포스터를 필요시에 선택적으로 적용할 수 있습니다. 사용법 잘 하시는 분들은 아래의 링크로 이동하여 readme를 보고 적용하실 수 있습니다. https://github.com/sindresorhus/github-markdown-css sindresorhus/g..

저는 최근 데이터베이스를 공부하고 있습니다. 데이터베이스 공부를 위해선 데이터를 다루어야 합니다. 하지만 데이터가 있어야 데이터를 다루고 테스트도 하고 공부도 하겠죠? 그때 임시의 더미 데이터를 만들어야 하는데.. 이걸 수작업으로 하기도 힘듭니다. 이럴 때 더미 데이터를 자동으로 만들어주는 아주 좋은 사이트가 있습니다. Mockaroo www.mockaroo.com/ Mockaroo - Random Data Generator and API Mocking Tool | JSON / CSV / SQL / Excel Mock your back-end API and start coding your UI today. It's hard to put together a meaningful UI prototype wit..

myBatis를 사용할 때 SQL Mapper XML을 사용하여 쿼리문을 작성하게 됩니다. 하지만 쿼리문 작성은 익숙해도 SQL Map을 작성하는 것은 익숙하지 못합니다. MyBatis를 작성할 때 사용되는 태그들은 여러 가지 많습니다. 이 태그들은 전체 외울수도 없고, 하나하나 타이핑하는 것이 불편하죠. 이럴 때 IDE의 자동완성 기능이 절실한데 대부분 IDE는 모든 XML의 형식을 알지 못합니다. DTD 란? 그렇습니다 XML이 구조를 가지려면 그 구조를 정의해주는 DTD가 필요합니다. MyBatis Sql Map DTD만 가지고 있으면 이클립스가 태그를 자동 완성도 해주고 작성도 편하게 해 줍니다. 위의 XML과 같이 등등.. 그리고 parameterClass, resultClass, propert..