반응형 개발17 m1 mac brew 설치 후, git설치 및 버전확인 방법 mac에 brew설치를 안해주셨다면, 지난 번에 맥에서 brew설치한 글을 확인해주시면 감사하겠습니다. https://jostorys.tistory.com/142 2023. 5. 8. m1 mac brew 설치 및 사용 이번에는 mac 터미널에서 brew를 설치하고 작동되는지 버전확인까지 알아보겠습니다. 먼저 아래 공식페이지에서 아래의 명령어를 복사한후 터미널에 입력해줍니다. $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 공식홈페이지입니다. 다양한 옵션 명령어 들이 있으니 확인해보시길 바랍니다^^ https://brew.sh/ Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 다운로드 중에 컴퓨터 패스워드 입력하거나 나올텐데요. 입력해주고 엔터로 넘어가시면 됩니다. 모두 인스톨 완료 되었다면, 이제 거의 끝났는데요. brew.. 2023. 5. 8. Javascript 클릭시or 마우스 움직일때 X, Y좌표 가져오기 1.클릭시 XY좌표 가져오기 window.addEventListener("click",mouseClick); function mouseClick(e){ console.log("clientX",e.clientX,"clientY",e.clientY); } 2.마우스 움직이때 XY좌표 가져오기 window.addEventListener("mousemove",mouseMove); function mouseMove(e){ console.log("clientX",e.clientX,"clientY",e.clientY); } 2023. 4. 19. Javascript 현재 커서의 위치에 특정 태그(text or Dom)를 집어넣기 커서 위치에 특정 텍스트 or DOM를 넣는 코드입니다. const selection = window.getSelection();//커서의 현재 위치 const newRange = selection.getRangeAt(0);// 커서의 Range값 let tmpNode= document.createElement("span"); tmpNode.innerHTML = "cursor location1"; newRange.deleteContents(); newRange.insertNode(tmpNode); //span태그 추가 특정 부분을 피드백해주는 기능 사용하려고 테스트중인데요, 구글에서는 보안에 걸려 createElement가 먹히진 않지만 네이버에서 잘 작동했습니다. 네이버에서 테스트한 결과 입니다. 2023. 4. 19. html, css - 말풍선(네모, 동그라미) 만들기 이번 글에서는 html, css를 사용해 말풍선을 만들어보겠습니다. 코드는 아래 code pen의 html & css탭을 누르시면 볼 수 있고, 소스를 바꾸고 오른쪽 하단의 rerun버튼을 누르면 바뀐 소스의 결과를 바로 볼 수 있습니다. 1. 네모난 말풍선 See the Pen balloon by cho910904 (@cho910904) on CodePen. 2. 동그란 말풍선 See the Pen Untitled by cho910904 (@cho910904) on CodePen. 2021. 11. 9. 이전 1 2 3 4 다음 반응형
