분류 전체보기 124

[JS/알고리즘] toFixed 소수점 n자릿수에서 반올림/올림/내림 하는 법

https://7942yongdae.tistory.com/173 Javascript - 소수점 자릿수를 반올림, 올림, 내림을 하는 방법 자바스크립트에서 소수점을 내리거나 올리거나 혹은 반올림하는 방법을 알고 계신가요? 소수점 계산을 해야 하는 경우가 별로 없다 보니 Math 객체에 대해 크게 관심을 가져 본 적이 없는데요. 7942yongdae.tistory.com

A-HA💡/JS 2023.10.24

[Vue/JSX] v-if, v-for 대신 컴포넌트에 구현하는 5가지 방법

대부분 return 메소드로 구현하였는데 그 방법은 콘솔에서 자꾸 에러가 났다. vue warn - imported h() 어쩌구 저쩌구.. 나도 컴포넌트에서 바로 구현하는 게 더 편한데 해서 찾다가 발견한 https://codingapple.com/unit/react-if-else-patterns-enum-switch-case/ 리액트에서 자주쓰는 if문 작성패턴 5개 - 코딩애플 온라인 강좌 (리액트 강좌 전체 메뉴) 딱히 설명할 부분이 없어서 글로 진행합니다. 지금까지 JSX 이용해서 html을 작성하고 있는데 if문을 써서 조건부로 html을 보여주고 싶을 때가 매우 많습니다. 지금까지는 codingapple.com cc. https://ko.vuejs.org/guide/extras/render-..

A-HA💡/Vue 2023.10.23

[CSS] 형제 결합자 of 선택자

+ : Next-sibiling combinator a + b 태그 바로 다음에 오는 태그 첫번째 한개 ~ : Subsequent-sibling combinator a ~ b 태그 다음에 오는 모든 태그 형제들 여러개 * 여러 형제 요소들 중 첫번째 요소 제외하고 전체 적용시 유용! ref. https://ssocoit.tistory.com/274 [CSS] 모르면 평생 안쓸 미치도록 유용한 CSS 형제 결합자 HTML과 CSS를 이용해서 연속된 요소들을 순서대로 나열할 때 정해진 수치만큼 padding이나 margin을 주는 경우가 아주아주 빈번하게 발생합니다. 이 과정에서 보통 첫 요소에는 padding이나 margin이 필요 ssocoit.tistory.com https://developer.moz..

A-HA💡/CSS 2023.10.23

[CSS] font-weight: bolder, lighter 은 고정값이 아니다 ㅇㅁㅇ

속성값 normal, bold, bolder가 각각 숫자로 표현할 때는 어떤 값인지 궁금해서 찾아보다가 normal : 400 bold : 700 ( legacy tag, go to a trash 🚮) But, bolder & lighter 는 정해진 값이 없고 부모 요소보다 상대적으로 굵거나 얇아짐. * 해당 폰트의 지원하는 굵기 범위 내에서 적용 * 800 -> extra bold 900 -> black ref. https://aboooks.tistory.com/139 [html/css] font-weight 속성 (bold, 100~900, bolder, lighter) [html/css] 글꼴 굵기를 지정하는 font-weight 속성 (bold, 100~900, bolder, lighter) 오..

A-HA💡/CSS 2023.10.23

[JS/알고리즘] 이번에만 나가시거든 contiue여요 (break이 아니라)

와 알고리즘을 놓고 살았더니 (이유가 되나(?)) 몇주 전에는 break 이랑 return 차이도 헷갈려서 이젠 for문/함수 정지 구분은 하고 있었는데 이번 경우에만 패스하고 다음 경우로 넘어간다는 조건문에 break를 붙여놓고 왜 틀렸지 하고 있었다... 수퍼베이직개념인데 잊고 있었다니, 잊지말자 continue. 혹시라도 여기까지 제 글을 보셨을 면접관분이 계시다면 너그라이 봐주시길 아뢰옵니다... ref. https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Loops_and_iteration#continue_%EB%AC%B8 루프와 반복 - JavaScript | MDN 루프는 어떤 것을 반복적으로 시행할때 빠르고 간편한 방법을 제공합니다. J..

A-HA💡/JS 2023.10.23

[IDE] VSC 설정이 두가지인 줄 처음 알았다... (user & workspace)

User Settings Settings that apply globally to any instance of VS Code you open. 내가 여는 모든 파일에 전역으로 적용 Workspace Settings Settings stored inside your workspace and only apply when the workspace is opened. 작업 프로젝트 안에 설정이 저장돼있고, 그 프로젝트를 열 때만 적용됨 ref. https://code.visualstudio.com/docs/getstarted/settings Visual Studio Code User and Workspace Settings How to modify Visual Studio Code User and Workspa..

A-HA💡 2023.10.19