frontend3 javascript 소수점을 표현하는 방법 서비스를 개발하다보면 아래와 같이 평점과 같이 평균 점수를 낸 다음에 결과값을 숫자 그대로 보여줘야할 때가 많습니다. 수치값을 그래프로 보여준다면 상관없지만 소수점을 생각하지 못했다면 아래와 같이 예상하지 못한 결과가 발생합니다. 3.6666..... 이 문제를 해결하기 위해서 아래와 같이 소수점을 어디까지 나타낼 것인지 생각한 다음에 toFixed(나타낼 자릿수)나 Math를 활용해주면 됩니다. 소수점 1자리 까지 표현하고 싶다면 아래와 같이 toFixed(1)을 사용하거나 Math.round와 / 나누기를 이용하여 동일하게 표현해줄 수 있습니다. homeTotal = homeTotal / count obj.homeTotal = homeTotal.toFixed(1) //toFiexd 활용 obj.hom.. 2024. 2. 14. React 훑어보기 순수 JavaScript를 이용해서 웹 페이지를 개발해오다가 부동산 권리금 플랫폼과 자취방 후기 서비스를 개발할 때 React를 사용하기 시작했는데요. 그럼 React는 무엇이고 어떤 특징을 가지고 있는지 확인해볼까요? React는 JavaScript 라이브러리 중 하나로 사용자 인터페이스를 만들기 위한 컴포넌트 기반의 라이브러리입니다. React는 UI를 작은 독립적인 조각으로 나누어 개발하고, 이러한 조각을 조합하여 복잡한 UI를 구축할 수 있습니다. React의 핵심 개념은 다음과 같습니다. 1) 컴포넌트(Component) UI를 작은 독립적인 조각으로 분해한 것입니다. 각 컴포넌트는 자체적으로 상태(state)와 속성(props)을 가질 수 있습니다. state는 컴포넌트의 속성값을 저장, 읽기.. 2024. 2. 14. 웹 개발시 HTML 관련 체크사항 웹 앱으로 개발할 경우, HTML이 모든 OS에 동일하게 적용되지 않기 때문에 여러 상황에 대해서 테스트를 해봐야 합니다. 여러분이 테스트하시기 전에 참고하실만한 내용을 작성하였습니다. IOS 운영체제에서 숫자를 링크형태로 자동변환되지 않도록 하는 방법 아이폰의 경우 아래 이미지에 사업자등록번호를 보시면 숫자를 자동으로 링크형태로 변환됩니다. 링크형태가 되면서 원하지 않는 색상 등으로 적용되어 시인성이 없어졌습니다. 다음 메타태그를 한 줄 추가해주시면 자동변환 되지 않도록 할 수 있습니다. Open Graph Meta Tag를 이용하여 URL 미리보기 정보 편집하는 방법 대부분 URL을 기입하거나 공유하게 되면 아래와 같이 미리보기가 표시됩니다. 아무것도 지정하지 않으면 임의의 정보가 표시됩니다. 다음 .. 2022. 4. 13. 이전 1 다음
