기본적으로 모바일 웹 환경에서는 롱프레스하면 드래그할 수 있거나, 이미지를 롱프레스하면 별도 컨텍스트 메뉴가 뜨는 등의 동작이 발생하는 것을 확인할 수 있습니다. 웹뷰 개발 시 여러가지 이유로 이런 기본 동작을 막아야 하는 경우가 있는데, css로 간단하게 처리할 수 있습니다. 롱프레스 시 선택되는 드래그 방지 롱프레스 시 선택되어 드래그를 막고 ...

타입스크립트 Utility types (2) - Partial, Required, Record 타입스크립트에서는 type transformation을 유연하게 도와 주는 여러 유틸리티 타입을 제공하고 있습니다. (타입스크립트 유틸리티 타입) 이번에는 타입스크립트의 Partial, Required, Pick, Record에 대해 알아보겠습니다. ...

일렉트론(Electron) - 메인 프로세스와 렌더러 프로세스(main process, renderer process) (일렉트론(Electron) - 자바스크립트로 데스크톱 앱 만들기에서 이어집니다.) 일렉트론은 내부적으로 메인 프로세스와 렌더러 프로세스(main process, renderer process) 구조를 가짐을 알게 되었다. 그...

일렉트론(Electron) 이란? 일렉트론은 Javascript(+html, css) 만으로도 여러 플랫폼에서 동작할 수 있는 데스크톱 어플리케이션을 만들 수 있게 해 주는 프레임워크이다. 자바스크립트 만으로 라는 말이 무슨 소리인지 잘 와닿지 않을 수도 있다. 좀 더 실제 예시로 들어서 말하자면, 기존에 react로 개발하던 소스 코드를 그대로 ...

벌써!!! 입사한 지 1년이 지났다. 작년은 업무 적응의 연속이었다.. 😂 코드 작성하는 방식에 계속 익숙해지려고 노력했는데 과연 1년의 시간을 잘 보낸게 맞을지 계속 돌이켜 보게 된다. 큰 계획을 다짐하기보다는… 모르는 부분을 채우고 그 때마다 뭔가 하는게 더 맞는 것 같다. 프론트엔드 분야는 새로운 것이 계속해서 나와서 정체되면 안 된다는 ...

[react] 상태관리 라이브러리에 대하여 리액트로 프로젝트를 진행하다 보면 마주하게 되는 것 중 하나가 상태관리 라이브러리일 것입니다. 많이 알고 계시는 Redux부터 시작해서 MobX, xstate, recoil, zustand 등 종류가 다양합니다. 단순하게 Todo 앱에 아이템 추가/삭제 기능 정도만 가진 웹을 만들 때는 굳이 라이브러...

타입스크립트 Utility types (1) - Exclude, Omit, Pick 타입스크립트에서는 type transformation을 유연하게 도와 주는 여러 유틸리티 타입을 제공하고 있습니다. (타입스크립트 유틸리티 타입) 그 중에서 실무에서도 유용하게 쓰이는 것들에 대해 포스팅해 보려고 합니다. 이번에는 어떤 것을 제외한다는 성격은 ...

타입스크립트 type guards로 타입 좁히기 Type Guard 타입 가드는 아래 설명을 참조하시면 좋습니다. (원문의 의미를 희석하지 않기 위해 본문을 일부 발췌하였습니다.) Type Guards allow you to narrow down the type of an object within a conditional block. (...

면접 전공 지식을 준비하시는 분들을 위해, 운영체제 파트에서 나올만한 문항들을 핵심만 간추려서 정리해 보았습니다. 컴퓨터구조 과목에 포함되는 문항들도 일부 있습니다. 원하시는 키워드를 ctrl + F로 검색해 보세요! (간추려서 정리한 것이라서 상세한 개념 설명이 부족할 수 있습니다. 각 문항 중 중요한 개념은 다른 운영체제 게시물처럼 별도의 주...

이전 포스트(리덕스(Redux)란 무엇일까?)에서 이어집니다. redux-toolkit을 사용하지 않고 기존 방식으로 리덕스 구성하기 이번 포스팅에서는, 우선 리덕스로 액션이나 리듀서를 어떤 식으로 정의하는지 간단하게 살펴보려고 합니다. 그리고 redux-toolkit의 createSlice 와 작성법을 비교해 보겠습니다. (스토어 코드...