일반적인 경우 jQuery를 이용하는 경우에 엔터키를 자동으로 입력해주는 스크립트를 아래처럼 작성할 수 있습니다. var e = jQuery.Event("keypress"); e.which = 13; $(selector).trigger(e); 크롬 확장 프로그램의 자바스크립트의 경우 앞선 예제와 차이점이 존재합니다. 특정 페이지에서 동작하는 자바스크립트 코드가 존재할 테고 이는 확장 프로그램을 만들기 위해 작성하는 스크립트랑은 다르다는 것을 인지하셔야 합니다. 문법이 다르다는 이야기가 아니라 frame이 다릅니다. 따라서 추가한 이벤트를 페이지에서는 적용이 안됩니다. 대부분 개발자도구에서 먼저 테스트를 해보고 성공한 코드를 js에 추가하고 확장 프로그램을 로드하실 텐데요. 그러고 이벤트가 동작하지 않는 ..
분류 전체보기
legacy한 keyCode 자바스크립트로 키보드 이벤트를 구현하던 와중 궁금증이 생겼습니다. 간단하게 Alt키를 눌렀을 경우를 체크하려는데 keyCode 부분에 이건 아니라는 듯이 줄이 쫙 그어져 있는 문제였죠. 코드를 실행하면 정상적으로 동작은 하지만 찜찜해서 찾아봤습니다. 취소선에 마우스를 가져가면 다음과 같은 메시지를 볼 수 있습니다. 'keycode' is deprecated를 구글에 검색해봤습니다. stack overflow에 이미 관련 질문이 있더군요. 링크 : stackoverflow.com/questions/35394937/keyboardevent-keycode-deprecated-what-does-this-mean-in-practice I'd suggest that you should ..
Spring이란? 기존 Java EE 환경에서 Spring framework는 기존의 환경을 겨울로 칭하며 이제 스프링이라는 봄이 찾아옵니다!! 라는 의미로 나왔습니다. Spring은 DI(의존성 주입)와 IoC(제어 역행)을 통해 유연성을 제공합니다. 다른 장점들도 많겠지만 두 장점이 Spring의 핵심이라고 보시면 됩니다. Spring boot Spring Boot makes it easy to create stand-alone, production-grade Spring based Applications that you can "just run". Spring의 한 가지 단점이 있다면 설정이 복잡하다는 것입니다. Spring의 dependency 설정을 해보신 분들은 아실겁니다. 버전도 직접 명시해..
책 구매 링크 www.aladin.co.kr/shop/wproduct.aspx?ItemId=218568947 스프링 부트와 AWS로 혼자 구현하는 웹 서비스 스프링 부트와 AWS로 웹 서비스를 구현한다. JPA와 JUnit 테스트, 그레이들, 머스테치, 스프링 시큐리티를 활용한 소셜 로그인 등으로 애플리케이션을 개발하고, 뒤이어 AWS 인프라의 기본 사용법과 www.aladin.co.kr 추천 독자 스프링 입문을 하고 싶으나 그 방법을 모르겠는 사람들에게 추천합니다. 스프링 부트를 이용해서 간단한 CRUD 기능의 게시판을 만들고 CI/CD를 이용한 무중단 배포까지 진행합니다. 책을 보고 따라하면서 어느 정도 웹 서비스의 뼈대를 만들었으면 추가 기능들을 넣어보면서 공부를 이어가는 것을 추천합니다. 다른 책..
문제 링크 www.acmicpc.net/problem/10799 10799번: 쇠막대기 여러 개의 쇠막대기를 레이저로 절단하려고 한다. 효율적인 작업을 위해서 쇠막대기를 아래에서 위로 겹쳐 놓고, 레이저를 위에서 수직으로 발사하여 쇠막대기들을 자른다. 쇠막대기와 레이저 www.acmicpc.net 문제 요약 '('와 ')'로 이루어진 문자열로 레이저와 쇠막대기의 배치 정보를 준다면 쇠막대기 조각의 총 개수를 구하라. 문제 풀이 문제 속의 그림에 다른 정보들을 추가해보겠습니다. 쇠막대기에 적혀진 숫자들은 잘려진 조각을 세기 위한 숫자입니다. 그 위쪽 괄호와 근접하게 적힌 숫자들은 무엇일까요?? 괄호가 열린 만큼 쇠막대기들이 겹쳐서 쌓여있게 됩니다. 즉 몇겹이 쌓아 올려져 있는지 적어놨습니다. 레이저를 만나..
에러 확인 방법 appspec.yml 에러인지 아니면 다른 에러인지 아직 잘 모르겠는 분들을 위해 에러 메시지 확인하는 방법을 설명드리겠습니다. 웹 페이지로 확인하기 'CodeDeploy - 배포 - 배포ID' 여기까지 들어오셨다면 배포에 관한 각종 세부 정보들을 확인하실 수 있습니다. 최하단에 배포 수명 주기 이벤트라고 있습니다. 저기서 View events를 눌러주세요. 그러면 무슨 에러로 인해 이벤트가 종료됐는지 설명해줍니다. log 파일 확인하기 Codedeploy와 관한 log들은 /var/log/aws/codedeploy-agent/codedeploy-agent.log 에 기록됩니다. tail -F 라던가 less 라던가 활용하셔서 에러 메시지를 찾아주세요. command_status:"Fai..
에러 발생 이유 Github Action CI/CD 사용하려고 yml을 업로드 하는 와중에 발생했다. 메시지만 잘 읽어봐도 해결할 수 있는 문제인데 발급받은 Access token으로는 workflow에는 접근하지 못했다는 오류이다. 따라서 토큰의 scope를 변경하면 해결 가능하다. 해결 방법 github.com/settings/tokens GitHub: Where the world builds software GitHub is where over 56 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code..
github.com/beuoon/BC beuoon/BC Browser Controller. Contribute to beuoon/BC development by creating an account on GitHub. github.com 프로젝트 소개 게임이나 코딩을 하면서 유튜브 뮤직이나 트위치 방송을 컨트롤할 수 있도록 도와주는 프로젝트입니다. 확장 프로그램과 로컬에서 동작하는 프로그램 이렇게 둘이 준비되어야 제대로 사용하실 수 있습니다. 다른 작업을 하면서 컨트롤 해야하기 때문에 사람들이 자주 사용하지 않는 키로 설정되어 있습니다. 기여한 부분 twitch 다시보기 영상 속도 조절을 하는 기능을 만들었습니다. 기존 코딩 스타일에 맞춰서 작업을 해야 한다는 점이 관건이었습니다. 나름대로 변수명이나 함수..
*포스팅 스타일 변경 친구 : 문제 푼 사람들 다들 천재인가봐 어떻게 저런 접근법을 바로 생각하지?? 난 못하겠던데.. 너무 어려워ㅠㅠ 음.. 친구에게 도움이 될지는 모르겠지만 한 문제를 풀때도 여러 시행착오를 겪은 뒤에 푸는 사람이 있다는 것을 알려주고 싶었습니다. 따라서 문제를 풀때 했던 생각들을 모조리 적어볼까 합니다. 의식의 흐름을 적는거니까 난잡해질 가능성이 있습니다. 문제 링크 www.acmicpc.net/problem/1339 1339번: 단어 수학 첫째 줄에 단어의 개수 N(1 ≤ N ≤ 10)이 주어진다. 둘째 줄부터 N개의 줄에 단어가 한 줄에 하나씩 주어진다. 단어는 알파벳 대문자로만 이루어져있다. 모든 단어에 포함되어 있는 알파벳은 최대 www.acmicpc.net 문제 설명 'N개..
문제 링크 www.acmicpc.net/problem/1946 1946번: 신입 사원 첫째 줄에는 테스트 케이스의 개수 T(1 ≤ T ≤ 20)가 주어진다. 각 테스트 케이스의 첫째 줄에 지원자의 숫자 N(1 ≤ N ≤ 100,000)이 주어진다. 둘째 줄부터 N개 줄에는 각각의 지원자의 서류심사 성 www.acmicpc.net 문제 설명 즉, 어떤 지원자 A의 성적이 다른 어떤 지원자 B의 성적에 비해 서류 심사 결과와 면접 성적이 모두 떨어진다면 A는 결코 선발되지 않는다. 요약을 하자면 저 한 문장으로 대체 가능합니다. 또한 성적이 일반 점수가 아니라 순위이기 때문에 낮을수록 좋습니다. 일반적으로 생각하는 이중 포문으로 푼다면 시간 초과가 뜨기 때문에 '그리디' 스럽게 풀어내야 합니다. 접근 방법 ..