-
영어 버튼의 텍스트 수정하기
안녕하세요! ‘Papago’에서 ‘번역하기’ 버튼을 엄청나게 눌러대며 5월을 보낸 똑똑한개발자의 디자이너입니다. 4월 말 부터 시작한 프로젝트를 시작으로 그 다음 프로젝트까지, 연달아 2개의 프로젝트가 해외 사용자를 대상으로 한 서비스였다보니 그 어느때 보다 ‘papago’의 번역에 많이 기댔던 달이었습니다. (영어공부좀 많이 해둘걸,,하는 후회도 많이 했답니다.) 그러던 중, 브런치에서 금융 ‘UX writer의 책임’ & UX Writing 개노답삼형제’ 글이 공유가 많이 되어 저도 읽어볼 수 있었습니다. 이후, 평소에 큰 생각이 없었던 자잘한 경고문구나 버튼 텍스트들이 갑자기 신경쓰이고 이게 맞나? 하는 생각이...
-
프로젝트를 위한 넓고 얕은 장고 지식
일러두기 이 글은 Django와, 그에 속해 있는 Django REST Framework(이하 DRF)에 관한 전반적인 것을 작성한 글입니다. 또한 Django보다 DRF에 중점을 두어 작성됨을 알려드립니다. 목차 0. Django의 아주 간단한 소개 1. Django의 디자인패턴 2. Django는 어떻게 실행되는가 3. 추가적 내용 4. 맺음말 5. 주석 0. Django의 아주 간단한 소개 우리는 이제 아주 넓고 얕게 Django를 알아볼 것입니다. 하지만 그 전에 Django가 무엇인지에 관해 아는 것이 중요할 것입니다. 이 글은 아주 넓고 얕게 Django를 훑는 것을 목적으로...
-
웹에서의 drag & selection
우리가 많이 알고 있는 Drag의 의미 이런식으로 마우스 드래그를 먼저 생각할 수 있고, 이렇게 생각하실 수 있습니다. 위의 사진은 정확히 Drag & Drop 할 때의 드래그이고, 두번째 이미지의 드래그는 마우스 Selection 입니다. Drag & Drop Drag & Drop은 mouse를 이용해서 특정 컴포넌트를 잡았을 때 동작이 될 수 있는 이벤트 입니다. 이 이벤트를 통해서 컴포넌트 다른 위치로 넘기게 할 수 있습니다. <p>Drag the p element back and forth between the two rectangles:</p> <div class="droptarget" ondrop="drop(event)" ondragover="allowDrop(event)">...
-
ReactNative로 채팅 UI 구성하기
ReactNative로 채팅 UI 구성하기 해당 포스트에서는 기술적인 부분보다는 UI적인 부분에 대해 다루고 있습니다 소켓통신을 비롯한 기본적인 기술얘기는 다루지 않습니다 ! 목차 React Native에서 이미지 확대, Pinch 기능 사용하기 React Native에서 HyperLink Preview 기능 사용하기 (예시) React Native에서 이미지 확대, Pinch 기능 사용하기 아래 라이브러리를 사용하면 쉽게 해당 기능을 구현할 수 있습니다 ! https://github.com/dev-yakuza/react-native-image-modal yarn add react-native-image-modal <ImageModal resizeMode="cover" modalImageResizeMode="contain" hideCloseButton style={[styles.image, { width: layout / 2 }, { height: layout / 2 }]} source= renderHeader={(close)...
-
소켓 통신
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 맡고 있는 심재철입니다. 채팅, 주식등에서 실시간 통신에 사용되는 웹 소켓에 대해서 알아보겠습니다. HTTP HTTP의 특징을 나열해보겠습니다. 무상태성 HTTP만을 사용하면 서버는 클라이언트가 누구인지 기본적으로 식별하지 못합니다. 왜냐면 HTTP 자체에 어떤 상태가 있는게 아니기 때문입니다. 그렇기 때문에 세션쿠키, JWT등을 사용해서 해당 요청을 보낸 유저가 어떤 유저인지를 식별하게 됩니다. 비 연결성 서버와 클라이언트는 매번 통신할때마다 연결을 맺었다가 끊는것을 반복합니다. 어떤 클라이언트가 서버로 요청을 보냈을때 서버는 그 클라이언트와의 연결을 계속 유지하지 않습니다. 생각해보면 엄청나게 많은...