Web

⌨ [JavaScript] 키보드 이벤트 함수onKeyDown키를 눌렀을 때 이벤트 발생이벤트 발생 후, 문자 입력Keycode 값을 받는다.키보드에 있는 모든 키를 인식한다. onKeyUp키를 눌렀다 놓았을 때 이벤트 발생문자 입력 후, 이벤트 발생 onKeyPress키를 눌렀을 때 이벤트 발생이벤트 발생 후, 문자 입력ASCII Code 값를 받는다.ASCII Code에 해당하지 않는 shift, ctrl, backspace, tab, 한/영 등의 키는 인식하지 못한다. CodeSandBox 예제

과거에 지식을 얻는 방법은 책이었다, 그러다 인터넷의 등장으로 지식인 같은 서비스가 등장하고, 2018년 이제 사람들은 지식을 얻고, 궁금한 것을 찾기 위해 포털 사이트가 아닌 유튜브에 검색을 한다. 시각과 청각을 모두 자극하는 영상 서비스가 더 익숙해진 것이다. 프로그래밍 기술을 배우는 루트도 책에서 구글링 그리고 이제 유튜브로 바뀌었다. 필자도 처음 웹이라는 산을 오르기 위해 많은 도움을 얻은 조력자가 바로 유튜브이다. 내가 최근까지 본 프로그래밍 유튜브 채널 중에 괜찮은 채널들을 몇 개 간추려보았다. 포프TV 아마도 내가 처음으로 구독한 프로그래밍 유튜브 채널이 아닐까 싶다. 컴퓨터 공학과 신입생 시절 뭔가 다 막막했던 상황에서 당시 거의 유일한 유튜브 채널이었다. 프로그래밍 분야 내에서도 굉장히 ..

커뮤니티 형태의 사이트를 만든다면, 글 작성 및 댓글 작성을 구현 할 때 필연적으로 고민하게 되는 부분 어떤 WYSIWYG를 쓸 까? 그런 분들에게 추천드릴만한 제가 직접 사용해 본 React에 맞는 WYSIWYG에 대해서 설명해보겠습니다. WYSIWYG(위지위그)란? 모두 대문자로 이루어졌으니 무언가의 약어라는 뜻인데, 바로 'What You See Is What You Get, 보는 대로 얻는다'라는 뜻으로 말 그대로 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말한다. - 위키피디아 커뮤니티 형태의 사이트에서는 글을 작성하는 곳에서 이 위지위그 에디터들이 사용됩니다. 간단하게 글자를 굵게 만드는 것부터, 이미지 삽입, 동영상 삽입, 특정 정보 삽입까지 복잡한 역할..