본문 바로가기
반응형

개발공부 일지87

프로그래머스 - 안전지대 (JS, 자바스크립트) 주소: https://school.programmers.co.kr/learn/courses/30/lessons/120866 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 12345678910111213141516171819202122const disX = [-1, -1, -1, 0, 0, 1, 1, 1];const disY = [-1, 0, 1, -1, 1, -1, 0, 1];function solution(board) { let length = board.length let dangerZone = JSON.parse(JSON.stringify(board.. 2023. 2. 1.
자바스크립트) 자바스크립트 데이터 전송 및 post 데이터 받기 https://willbesoon.tistory.com/244 function sendPost(url, params) { var form = document.createElement('form'); form.setAttribute('method', 'post'); //POST 메서드 적용 form.setAttribute('action', url); // 데이터를 전송할 url document.charset = "utf-8"; for ( var key in params) { // key, value로 이루어진 객체 params var hiddenField = document.createElement('input'); hiddenField.setAttribute('type', 'hidden'); //값 입력.. 2021. 12. 29.
리엑트) 리엑트 저장시, <>가 분리되는 오류 Extension에 들어간 후에 JS-CSS-HTML Formatter plug-in 를 제거하고, 다시 VS-code를 다시 실행해보자 (필자는 이렇게 고쳤다) 출처: https://stackoverflow.com/questions/53576171/i-have-a-problem-with-react-and-visual-studio-code-when-save 2021. 9. 3.
자바스크립트) gulp 사용 준비과정 npm install -g gulp cli npm init -y npm install gulp --save-dev gulp --version(굴프버전 확인, 깔렸나 확인) ->안 되면, 원도우 바탕화면 좌측 하단에 있는 돋보기 아이콘(검색) *만약 gulp --version이 작동 안 할 경우.. 검색어: powershell window powershell 마우스 오른쪽 클릭 후에 관리자 권한으로 실행 Get-ExecutionPolicy입력(restricted가 뜰 것) Set-ExecutionPolicy unrestricted 입력 예(A) 입력하면된다. 굴프바벨을 위한 설치 항목 npm install gulp-babel @babel/core @babel/preset-env --save-dev npm .. 2021. 8. 31.
자바스크립트) 마우스 클릭 좌표(screenX, clientX, pageX, offsetX) 1. screenX, screenY 사용자 모니터 화면을 기준으로 한 좌표를 표시합니다. 사용자 모니터의 왼쪽 상단 모서리가 (0, 0)이 됩니다. 2. pageX, pageY 전체 문서를 기준으로 한 좌표를 표시합니다. 위 그림과 같이, 만약 문서를 표현할 때 스크롤이 생긴다면, 특정 지점의 pageY 좌표값은 페이지가 스크롤 될때마다 변경 될 것입니다. 3. clientX, clientY 브라우저에서 사용자에게 웹페이지가 보여지는 영역을 기준으로 좌표를 표시합니다. 따라서, 스크롤바가 움직이더라도, 특정 지점의 clientX, clientY의 값은 동일합니다. 4. offsetX, offsetY 좌표를 출력하도록 하는 이벤트가 걸려있는 DOM node를 기준으로 좌표를 표시합니다. 위 그림과 같이, .. 2021. 8. 25.
자바스크립트) event.cancelBubble is not a function 오류발생 시 해결법. 자바스크립트를 공부하다가, e.preventDefault(); 코드만 입력하면, 'event.cancelBubble is not a function' 가 뜨면서 작동이 안 되는 경우가 있다. 이럴 때는 혹시 right-click chrome extension이 깔려 있는지 체크해주시길 바란다. 만약 있다면 바로 삭제하면 작동이 된다. 2021. 8. 10.
자바스크립트)window.getComputedStyle 와 getPropertyValue('') window.getComputedStyle: 해당 태그의 CSS 전부를 읽어옴 getPropertyValue(''): CSS속성 별로 접근 방법 2021. 8. 5.
CSS)input 태그에서 value와 placeholder의 차이점 공통점: input 태그에 value와 placeholder를 적용하면, input 박스 안에 미리 원하는 문구를 적어 놓을 수 있습니다. 차이점: 단, value 속성은 input 태그의 초깃값으로 사용됩니다. 이 값을 바꾸고 싶다면, 사용자가 직접 지우고 입력해야 합니다. 또 value 속성의 경우, form 태그를 활용해서 서버 쪽으로 정보를 전송할 수 있습니다. 만약 input 태그의 내용을 변경하지 않고 form 태그를 활성화 시키면, 초기의 value 값이 그대로 서버로 전송됩니다. placeholder 속성을 사용하면 사용자가 글자를 입력할 때, 자동으로 미리 입력된 문구가 사라집니다. value와는 달리, 서버 쪽으로 전송되지 않습니다. placeholder는 눈에만 보일 뿐, 실질적인 값.. 2021. 7. 30.
자바스크립트) this 1) var o ={ func : function(){ if(0===this){ document.write("o===this") //o===this가 출력됨. } } } 2) function func(){ if(window)===this){ //--> 일반적인 객체에 속해있지 않은 this console.log("window===this"); //window===this가 출력됨. } } 결론: this는 함수 안에서 사용되는 일종의 변수이다. 객체 안에서의 this는 'this가 속한 객체(자기자신)'를 가리킨다. 만약 this가 객체 밖에 있다면, Window라는 전역 객체를 가리킨다. o.func() 객체에서 this는 o(현재 this가 속해있는 곳)을 가리킨다. 어떤 곳에서도 속하지 않은 모든 .. 2021. 7. 30.
반응형

티스토리툴바