A-HA💡 51

[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

to be continued

https://smartstudio.tech/node-sass-to-dart-sass/ node-sass에서 Dart Sass로 환경 전환하기 - Naver SmartStudio Blog Naver SmartStudio Blog 기술 - node-sass에서 Dart Sass로 환경 전환하기 Deprecated node-sass를 제거하고, Dart Sass로 전환하면서 경험한 이슈와 팁을 공유드립니다. smartstudio.tech https://yozm.wishket.com/magazine/detail/1753/ RxJS 한번 배워보실래요? | 요즘IT RxJS를 배우고 있거나 처음인 분들을 위해 어려운 개념들에 대해 조금 더 이해를 높일 수 있는 중요한 내용들을 한번 적어보았습니다. RxJS의 강의..

A-HA💡 2023.10.19

[FE] 우리 서비스 빌더 변경하면서 물어본 것들

source tree gitlab git stash local project에 임시저장 원할 때 pop 으로 꺼낼 수 있음 git에 올라가지 않음 -> git 계정에 저장X 완성되지 않은 작업중 다른 브랜치 이동해서 작업해야할 때 유용 js jsx ts tsx ts(x)로 바꾸고 나서는 변수 detect 가능 (js는 불가) detect: 객체에서 변수 호출할 때 Object. 치고 나서 가능한 variable 후보들 뜨는 것 왈, vue나 react나 tsx 호환성 크게 다르지 않다고 생각 tsx는 문법일 뿐. mapGetters, mapState, mapActions 등 vuex 라이브러리를 통한 함수들 비추천 왜냐, store에서 처음 정의한 이후에, 호출부에서 매번 새롭게 명명하며 호출 가능. 따..

A-HA💡 2023.10.19

[JS/알고리즘] 문자열에서 특정 문자 제거/교체하는 방법

String.replace(찾으려는 문자열/정규식, 교체할 문자열/함수) ref. [Javascript] 특정 문자 제거하기 - 모두 제거, 대소문자 구분 (replace) Javascript의 문자열에서 특정 문자를 제거하기 위해서는 replace() 함수를 사용할 수 있습니다. replace() 특정 문자 제거하기 특정 문자 모두 제거하기 특정 문자 대소문자 구분 없이 모두 제거하기 rep hianna.tistory.com

A-HA💡/JS 2023.10.18