본문 바로가기

Front120

[JavaScript] 자바스크립트 subString 사용방법 호우 정식타건법으로 타이핑을 치려니까 빨라지는 것 같지도 않고 참... 진짜 자신과의 싸움이다... 나는 독수리타법을 교정 할 수 있다!!!!!! 자 그럼 subString 을 어떻게 사용하는지 바로 들어가보자 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substring String.prototype.substring() - JavaScript | MDN The substring() method returns the part of the string from the start index up to and excluding the end index, or to the end of the str.. 2022. 12. 6.
[JavaScript] 자바스크립트 스코프에 대한 개념 자바스크립트를 footer에 보통 선언해주어서 사용한다. 그런데 만약 자바스크립트를 여러개가 서로를 바라봐야 하는 상태라면 footer에 선언해줄 때 순서에 잘 맞게 선언해주어야 한다. 아니면 로직에서 순서가 꼬여 변수에 무엇이 들어가야되는지 모르게된다. 그럼 정상작동이 어려워 진다. Method 다음과 같은 순서가 뒤틀리게 되면 안된다는 의미이다. 만약 마지막에 와야할 순서가 제대로 된 자리에 오지 않게된다면 아래와 같은 문제가 나타나게된다. 다음을 F12를 눌럿을 때 보게되는 개발자도구이다. config 라는 객체를 현재 못찾고 있다 왜냐하면 config 파일에서 불러와야 되는데 불러오고 있지 못허고있기 때문이다. 자바스크립트 선언을 똑바로 해주니까 정상적으로 작동하게 된것을 확인해 볼 수 있다. T.. 2022. 12. 6.
[JavaScript] 자바스크립트 클래스형과 함수형 내가 평소에 사용하는 방법은 함수형 방법이다. 클래스형이 있다는 소리를 듣고 이게 무슨소리인가 싶었다. 바로 들어가보자. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes Classes - JavaScript | MDN Classes are a template for creating objects. They encapsulate data with code to work on that data. Classes in JS are built on prototypes but also have some syntax and semantics that are not shared with ES5 class-like semantics. d.. 2022. 12. 6.
[JavaScript] 자바스크립트 Click 이벤트 사용 방법 아우 오른손 독수리 타법을 없애기위해서 지금 강제로 정타로 천천히 타이핑 하고 있는데 정말 아예 안배웠으면 모르겠는데 잘못된 방법으로 배워서 정말 불편하다 그래도 정식 타법으로 돌아가야지 뭔가 나중에도 좋을 것 같다는 생각이든다.. 그럼 바로 들어가보자 ! Method ES6 방법이 가장 많이 사용하는 방법이고 최신에 가까우니까 Javascript ES6 방법으로 글 을 적겠다. getElementById 는 input 절에 들어가는 id="change" 와 같습니다. 다음 을 실행하게 되고 실제 화면을 띄워서 해당 버튼을 클릭하게 되면? console.log("모디파이 작동 중"); 이 정상적으로 잘 작동하는것을 확인 할 수 있다.. 즉, 우리는 콘솔로그를 띄우기 위해서 addEventListner, .. 2022. 12. 5.
[JavaScript] Object.assign() 사용방법 바로 드가보자 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign Object.assign() - JavaScript | MDN The Object.assign() method copies all enumerable own properties from one or more source objects to a target object. It returns the modified target object. developer.mozilla.org (자바스크립트 배우기 좋은 사이트) Method const target = { a: 1, b: 2 }; const source = { b: 4, c:.. 2022. 12. 5.
[IntelliJ] 인텔리제이 단축키 변경하는 방법 인텔리제이 단축키 바꾸는 방법 Method Ctrl + alt + s 클릭 바꾸고 싶은 속성을 입력하세요. Remove 하여서 원래 있던 단축키를 없애시고 원하시는 단축키로 변경하면 끝! To be continue.. 2022. 12. 2.
[Spring] 이클립스 SVN 로그 확인하는 방법 SVN 으로 같이 작업하다보면 어느순간 이상한 파일이 가끔 업데이트되어서 문제가 될 때 있다.. 그럴 때 SVN History를 켜서 확인 하면 좋다. Method 프로젝트 우클릭 -> Team 클릭 Show history 클릭 하게되면 다음과 같이 저자, 커밋날짜, 코맨트, 바뀐파일수 등등... 모두 나타난다. To be continue.. 2022. 12. 2.
[CSS] display: flex; 사용방법 바로 들어가보자 Example display: row; 로 하게되면 이 방향으로 진행되게되고 display: flex; 로 하게되면 다음과 같은 방향으로 진행이 된다. To be continue.. 2022. 11. 29.

티스토리툴바