[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

[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

[React] Automatic Batching

What is batching? Batching is when React groups multiple state updates into a single re-render for better performance. 출처: https://github.com/reactwg/react-18/discussions/21 Automatic Batching 리액트18에서부터 추가된 기능이다. 하나의 이벤트 내에 여러개의 상태 변화가 있을 경우, 이들을 모아 한 번의 렌더링으로 처리한다. 이로 인해 불필요한 렌더링을 줄일 수 있다. 하나의 이벤트 안에 같은 상태 변화를 여러번 진행하게 되면, 내부에서는 코드가 순서대로 돌아가더라도 한 번의 렌더링으로 마지막 변화밖에 보여주지 않기 때문에, 하나의 이벤트 안에서 상태변화를..

• format_list_bulleted SW공부/React
• · 2023. 4. 19.
• textsms

[Error Note] React component names must start with an uppercase letter

React Hook "useEffect" is called in function "saleContent" that is neither a React function component nor a custom React Hook function. React component names must start with an uppercase letter. React Hook names must start with the word "use" 컴포넌트 이름의 시작을 대문자로 지정하지 않아서 생긴 간단한 오류. 67번째 줄과 컴포넌트 호출해주는 부분을 saleContent 에서 SaleContent로 변경하여 해결. function을 만들 때 lower camel case가 익숙해서 생긴 실수이며, 지금 만드는 것이 ..

• format_list_bulleted SW공부/Error Note
• · 2023. 4. 19.
• textsms