본문 바로가기

전체 글

 (30)
css 문자열 개행(\n) 및 공백(\t) 처리와 ellipsis(...) 오늘은 실무에서 정말 많이 사용되는 문자열 개행 및 공백 처리에 대해서 알아보겠습니다. 문자열을 공백이나 개행 있는 그대로 입력하는 경우도 있고 외부 컨텐츠를 가져오는 경우 공백이나 개행이 \n이나 \t 등으로 들어가 있는 경우가 있습니다. 이렇게 입력받은 문자열을 어떻게 client에 출력할지 결정할 수 있게 해주는게 css의 'white-space' 속성 입니다. 먼저 설명을 진행 한 후 가장 하단에 실행 예시를 보여드리겠습니다. 바쁘신 분은 마지막을 바로 보셔도 됩니다. 1. whtie-space의 속성 종류 nowrap : 문자열에 있는 개행을 처리하지 않고 연속되는 공백은 한번만 처리 합니다. 또한 영역을 초과할 경우에도 텍스트가 영역을 넘어서 한줄로 출력됩니다. nomal : nomal은 no..
[에러]run android kotlin 관련 에러 오늘은 기존에 배포해 놓았던 프로젝트를 오랜만에 보수하기위해 빌드를 하던 도중 만난 에러와 해결방법에 대해서 설명해 보도록 하겠습니다. 1. 에러 로그 Execution failed for task ':app:checkDebugDuplicateClasses'. A failure occurred while executing com.android.build.gradle.internal.tasks.CheckDuplicatesRunnable Duplicate class kotlin.collections.jdk8.CollectionsJDK8Kt found in modules jetified-kotlin-stdlib-1.8.0 (org.jetbrains.kotlin:kotlin-stdlib:1.8.0) and je..
[React] 웹에서 가로 터치 스크롤 만들기-컴포넌트 만들기(2/2) 이전글 : https://challeee.tistory.com/14 [React] 웹에서 가로 터치 스크롤 만들기(1/2) React 웹 환경에서 세로 스크롤은 스크롤바 말고도 마우스 휠로 화면을 스크롤 할 수 있어서 불편함이 없지만 가로 스크롤의 경우 스크롤바로 스크롤 하는게 편하지는 않습니다. 그래서 모바일 challeee.tistory.com 이전 글에서 모바일 환경처럼 터치 드래그로 스크롤 할 수 있는 기능을 구현하였습니다. 가로 스크롤은 아주 흔하게 사용되는 기능 중 하나이기때문에 우리는 이 기능을 컴포넌트로 만들어서 여러 페이지에서 사용할 수 있게 만들겁니다. 추가로 드래그 시 클릭이벤트가 발생 되는 문제를 해결하겠습니다. 1. HorizontalScroll 컴포넌트 생성 먼저 프로젝트에 컴포..

티스토리툴바