JavaScript에서 객체를 공부하다 객체를 복사할 때 의문이 생겼다. 객체를 복사한 후 복사한 객체를 수정했더니 원본 객체의 값이 변했다 왜그럴까? let a = {name : "K"} let b = a; b.name = "D"; console.log(a.name) // D가 출력됨 console.log(a===b) // true; 대입연산으로 객체를 변수에 할당하면 원래 객체의 주소값이 할당 됨을 확인 할수 있었다. 이것을 얕은 복사라고 말하고 '참조에 의한 객체 복사'라고도 말한다. 얕은 복사가 아닌 서로 다른 객체를 만들고 싶다면 깊은 복사를 하면 된다. 1. 객체의 모든 프로퍼티를 순회하면서 복제할 객체에 추가 for (let key in obj) { clone[key] = obj[key]; ..

vscode 사용시 code runner를 통해 javascript를 실행 할 수 있다고 해서 시도중에 node를 찾을수 없다고 뜨는 문제가 생겼다. 분명 nvm으로 node를 설치했는데 왜 못찾지 싶었는데 찾아보니 아래와 같은 방법으로 해결할 수 있었다. # 해결방법 usr/local 에 bin 폴더 생성 후 node에 대한 심볼릭 링크를 만든다 cd usr/local sudo mkdir bin sudo ln -s $(which node) /usr/local/bin/node 정확한 오류는 모르겠다. m1칩에서 발생하는 문제같다. vscode에서 code runner보다 f5를 통해 실행하는게 디버거를 사용할수 있어서 좋은것같다... #Reference https://stackoverflow.com/qu..

https://github.com/nvm-sh/nvm#manual-install GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active nod... github.com # wget으로 설치 (공식문서에 따라 바뀔수 ..

지난번에 HTML,CSS로 만든 계산기 Mock-Up을 기반으로 계산기 기능을 구현해 봤다. document.querySelector("클래스명")으로 자식을 포함한 해당엘리먼트의 정보를 모두 담을수 있었고 button.addEventListerner("click",function (event)) 로 클릭이벤트시 수행할 기능을 정의 할 수 있었다. document.getElementsByClassName("클래스명") 으로 해당 클래스명에 해당하는 정보를 객체 형식으로 반환하여 정보를 가져오거나 추가, 삭제 할수 있었다. 추후에 버튼이벤트, querySelector의 동작 방식을 찾아 봐야겠다. element = document.getElementsByClassName("operator"); for (v..

CSS와 Html를 공부할겸 계산기 Mock-up을 만들어 봤다. CSS는 기능이 많아 프론트엔드 개발자로 일하려면 계속 공부해야 할것 같다. flexbox, text-shadow, box-shadow, inset, animation, transition, linear-gradient, 웹폰트 등 여러가지 시도를 해봤다

웹 공부를 하면서 개발 관련 도움이 되는 사이트를 저장하기위함입니다. 계속 추가예정입니다. # Javascript 기본 개념공부 https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info # Html, Css 검사 https://validator.w3.org/#validate_by_input+with_options The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on t..