trim2 [JS] Trim( )메소드 - 공백 제거 함수 간혹, 데이터를 받아올 때, 공백이 많이 붙어있는 것을 볼 수 있다. 나의 경우엔 to-do-list를 만들때, 공백을 써도 입력이 되어서 그 작동을 막기위해서 공백을 지워내려면 어떻게 하지? 라는 고민을 했었다. 이러한 경우들에, Trim()을 사용하면 간단하게 공백을 제거할 수 있다. 이번 포스팅에서는 Trim()이 무엇인지와 그 사용방법에 대해서 알아보려한다. trim 이란..? "trim" 이라는 영단어를 우리나라 말로 해석하면 "다듬다, 손질하다, 정돈하다" 등의 표현을 가지고 있다. 즉, 말 그대로 trim은 문자열을 다듬는 작업을 말하는 것이다. 위 사진 처럼 trim을 사용하면 중간의 공백은 제외하고 앞뒤 공백만 제거해준다. 문자열 앞 뒤에 공백이 중복되어 여러 개가 있어도 모두 제거 가능.. 2022. 2. 13. Westagram Login-page (HTML & CSS & JavaScript) HTML 구조도 Westagram 로그인 비밀번호를 잊으셨나요? 간단하게 form구조를 사용해서 만들어보았다. 이미지의 경우는 너비에 따라 비율에 맞게 자동으로 높이가 형성되기 때문에 너비와 높이값을 안주었고 그 외의 영역들은 내용 + padding으로 높이를 설정했다. 내가 Bottom-Up방식을 사용한 이유는 ?? 즉 가장 큰 전체를 감싸고 있는 요소인 wrap에는 특정한 고정된 값을 주는 것이 아니라 오직 padding만 특정한 값을 주고 그 안에 있는 로고나 input, button들에게만 width로 특정한 고정된 값을 줌으로써 차후에 기획 등이 바뀌어도 상위의 구성요소들의 값 또한 바꿔줘야하는 불상사를 막기 위해서다. 앞에서 설명한 이러한 CSS 방식을 Bottom up 방식이라고 한다. .. 2022. 2. 12. 이전 1 다음
