본문 바로가기
반응형

전체 글89

[CSS] Text-overflow , 긴글을 줄이고 싶을때 정보를 다 보여주기 애매할때 어떻게 처리할지 고민하다가 "..." 처리하는것을 발견했다. text-overflow: ellipsis; 1)안녕하세요. ㅇㅇㅇ 입니다. (적용전) 2)안녕하세요 ㅇㅇ...(적용후) 적용하면 좋은 케이스 불러오는 데이터의 양이 많을때 모바일에서 다 보여주기 힘들때 2023. 3. 29.
[javascript]임시 비밀번호 및 난수 생성하기 _ math.random() 배경 회사프로젝트에서 임시비밀번호와 비슷한 프로젝트를 하게 되었다. 관리자 코드를 새롭게 임의로 생성할 수 있는 기능이다. 이것을 통해 배운 math.random 과 math.floor 메서드에 대해서 배우게되었다. 랜덤으로 숫자 생성하기 테스트 코드 작성 먼저는 이 기능을 사용하기 위한 테스트 코드를 만들어 보았다. 영어 대소문자 숫자 특수기호 조합으로 만드는것이다. 랜덤으로 숫자 생성하기 코드 생성 생성하기 결과 생성하기 클릭을 하면 임시로 생성하도록 작동이 된다. 0 2023. 3. 15.
[Book Review] 개발자 원칙.txt 개발자 원칙 프론트엔드 개발자로 일을 한지 1년이 안된 시점에 개발자원칙이라는 책을 접하게 되었다. 원칙 : 어떤 행동이나 이론 따위에서 일관되게 지켜야 하는 기본적인 규칙이나 법칙. 원칙이라는것은 사전적인 정의를 봐도 어떤행동을 하는데 있어서 일관되게 지켜야된다고 한다. 왜? 그것을 지켰을때 결과가 항상 일정하기 때문이다. 보장되있다고 볼수도 있겠다. "여기서 기억에 남는것 네가지를 소개하고 싶다. " 1.에너지 관리 2.GPAM 3.제어할 수 없는 것에 의존하지 않기 4.많이 읽고, 많이 쓰고, 많이 생각하기 1. 에너지 관리 5년전에 디자인 공부를 시작하면서 3년간 디자이너로써 일을 했었다. 그 때 당시 정말 많은 시간과 에너지를 쏟아서 공부를 했었다. 퇴근하면 습관처럼 디자인 관련 강의를 보고 유.. 2023. 3. 12.
[CSS] white-space 에 대해서 다른 웹사이트 리뷰를 하다가 css에 white-space가 적용된것을 보게 되었다. 이건 뭐에 사용되는거지? MDN공식문서 https://developer.mozilla.org/ko/docs/Web/CSS/white-space white-space - CSS: Cascading Style Sheets | MDN CSS white-space 속성은 요소가 공백 문자를 처리하는 법을 지정합니다. developer.mozilla.org 먼저는 MDN에 있는 자료를 살펴보면 쉽게 이해할 수 있을것 같다. white-space에서도 pre-line이 제일 많이 쓰일것 같다는 생각이 들었는데 공식문서에 따르면 연속 공백을 하나로 합침. 줄바꿈은 개행 문자와 요소에서 일어나며, 한 줄이 너무 길어서 넘칠 경우 자동.. 2023. 3. 10.