[Error Note] The component styled.section with the id of "xxx" has been created dynamically.

The component styled.section with the id of "xxx" has been created dynamically. styled-component를 사용할 때 가끔 만나는 오류이다. styled 를 component 안에서 만들어서 생긴 문제. 컴포넌트 밖으로 빼면 해결된다. 아래와 같이 MainProducts 안에 있던 styled 코드를 밖으로 빼줬다.

• format_list_bulleted SW공부/Error Note
• · 2023. 5. 29.
• textsms

[JavaScript] 이중, 중첩 배열 깊은 복사하는 식

const arr = [[1,1,1,1],[2,2,2,2],[3,3,3,3]] let letArr = JSON.parse(JSON.stringify(arr)); console.log(arr===letArr) //false

• format_list_bulleted SW공부/JavaScript
• · 2023. 5. 3.
• textsms

[web] 웹 표준과 접근성

웹 표준이란 W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’ 출처: 코드스테이츠 자료 세상엔 다양한 웹 브라우저가 있고, 다른 웹 브라우저를 사용하더라도 같은 웹 사이트를 정상적으로 이용할 수 있도록 해야 한다. 웹 표준을 지켜 코드를 작성하면 최신 웹 브라우저들에서는 모두 웹 표준을 지원해주기 때문에 코드의 유지보수가 편리하고, 웹 호환성이 좋아진다. 또한 웹 표준에서 검색 효율성과 같은 내용도 제공하므로 html 태그 등을 적절하게 사용하여 검색 우선순위도 높이고 그에 따른 웹 접근성 향상에도 도움이 된다. 크로스 브라우징(Cross Browsing) 이렇게 어떤 브라우저를 사용하든 같은 웹 사이트에 접근하여 동등한 화면과 기능을 제공받..

• format_list_bulleted SW공부/그 외
• · 2023. 4. 28.
• textsms

[JavaScript] 진수 변경, 변환

10진수 -> 다른 진수 (변환할 10진수 숫자).toString(바꾸고싶은 진수) 10진수 숫자 부분은 변수에 담거나 괄호를 쳐 줘야 함 console.log((15).toString(2))//1111 let val = 10; console.log(val.toString(2))//1010 let val = 90; console.log(val.toString(16))//5a 다른 진수 -> 10진수 parseInt(변환할 숫자, 변환할 숫자의 진수) console.log(parseInt(101, 2)) //5

• format_list_bulleted SW공부/JavaScript
• · 2023. 4. 25.
• textsms

[과제] react custom component

과제 개요 UI 컴포넌트 만들기 구현 과제 모달 창 만들기 토글 만들기 탭 만들기 태그 만들기 결과물 고민했던 부분과 해결 방법 1. 모달 - 배경에 클릭이벤트 적용 시 모달 창에도 클릭이벤트가 적용되는 문제 {/* TODO : 조건부 렌더링을 활용해서 Modal이 열린 상태(isOpen이 true인 상태)일 때만 모달창과 배경이 뜰 수 있게 구현해야 합니다. */} {isOpen === true ? { openModalHandler() }}> { e.stopPropagation() }}> Hello : null} 모달을 연 후 다시 끌 때에는 배경을 눌러야 모달이 닫히도록 코드를 짰는데 버블링으로 인해 주변 요소까지 클릭 이벤트가 적용되는데, stopPropagation() 함수를 통해 버블링을 막을..

• format_list_bulleted Diary/과제, 고찰
• · 2023. 4. 20.
• textsms

[JavaScript] 아스키코드를 사용해 알파벳이 들어있는 배열 만들기

const arr = Array(26).fill().map((v, i)=>{return String.fromCharCode(i+97)}); console.log(arr) //['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'] 아스키코드 숫자: 48~57 영문 대문자: 65~90 영문 소문자: 97~122

• format_list_bulleted SW공부/JavaScript
• · 2023. 4. 20.
• textsms