윈도우 단축키
https://kanas.tistory.com/entry/%EA%BC%AD-%EA%B8%B0%EC%96%B5%ED%95%A0-%EC%9C%88%EB%8F%84%EC%9A%B010-%EB%8B%A8%EC%B6%95%ED%82%A4-9%EA%B0%80%EC%A7%80%EB%B0%94%ED%83%95%ED%99%94%EB%A9%B4-%ED%99%94%EB%A9%B4%EC%A0%84%ED%99%98 꼭 기억할 윈도우10 단축키 9가지(바탕화면, 화면전환) 단축키라는 것은 알아두고 있으면 참으로 유용하고 유연하게 PC(컴퓨터)를 사용할 수 있습니다. 많은 사람들이 익히 알고 있는 Ctrl+C(복사하기) 그리고 Ctrl+V(붙여넣기)를 잘 사용하고 있듯이 이외 kanas.tistory.com
터미널에서 node 실행
폴더를 이동하려고 경로를 복사해서 붙여넣기했는데 이동이 안된다. 이유는 슬래쉬의 방향이다 / 기호를 사용해야한다. 이런식으로 말이다. js 파일을 생성해주고 이런식으로 코드를 입력하면 우리는 줄곧 이것을 확인하기위하여, html 파일에서 확인을 했는데 이것을 node를 사용하여 바로 터미널에서 확인할 수 있게 되었다. node 명렁어를 사용하면 REPL 레플 모드를 실행할 수 있다. Read Evaluation Print Loop 의 약자이며, 코드를 한입크기로 실행가능하다. https://nodejs.org/dist/latest-v17.x/docs/api/ Index | Node.js v17.3.0 Documentation nodejs.org const는 한번 설정하는 변할 수 없는 상수값을 의미한다...
UNIX 명령어
Shell 이란 무엇일까? 운영체제가 피스타치오라면 실제 넛트는 커널이고, 피스타치오의 껍질은 쉘이다. 그리고 컴퓨팅에서 커널은 하드웨어와 인터페이스하는 실제프로그램이다. 커널은 운영체제의 핵심이라고 할 수 있다. 쉘에는 두개자 인터페이스가 존재한다. 첫번째에는 그래픽 사용자 인터페이스가 있다. 이러한 . 그리고 명령줄 인터페이스가 있다. 우라는 이렇게 커널과 인터페이스한다. 그중 Bash Shell은 Bourne Again Shell 의 약자이다. 폴더명을 반정도 입력한 상태에서 tab 키를 누르면 자동완성이 된다. cd ~ 를하면 root로 돌아간다. 와 명령어 입력중에 alt + 원하는 위치 커서 누르면 그 지점으로 커서가 이동한다. 이거는 처음 알았다. ctrl + A는 명령어 처음으로 이동 ct..
하이퍼 터미널 설치
https://hyper.is/ Hyper™ A terminal built on web technologies hyper.is 사이트에 들어가서 설치하면 이런식의 화면이뜨면 완료가 된 것이다. https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-..
제이쿼리 애니메이션
hide는 h1태그를 숨긴다. show를 하면 다시 보인다. 토글을 하면 숨겼다 나타나게 했다 할 수 있다. fadeOut은 희미하게 사라진다. fadeOut은 그 반대라고 생각하면 된다. fadeToggle은 fadeOut과 fadeIn을 번갈아가면서 할 수 있다. slideToggle은 이런식이다. animate는 opacity: 0.5 와 같은 숫자값으로 변경할 수 있는 것들에게만 적용이 가능하다. 예를들어 color : red 같은 것은 적용되지 않는다. %도 가능하다. 연속적으로 애니메이션을 사용할 수도 있다.
제이쿼리 before 메소드
제이쿼리 before 메소드를 사용하면 해당 태그 앞에 원하는 태그를 생성해준다. after를 사용하면 태그 뒤에 원하는 태그를 생성할 수 있다. prepend도 앞에 생성하는 것인데, before 차이는 prepend는 h1 태그 내부에 버튼을 생성하는 것이다. append는 뒤에 생성해주지만 h1태그 내부에서 생성한다. remove를 사용하면 해당 태그가 제거된다.
제이쿼리 이벤트리스너
위 코드로 이벤트리스너 (클릭)을 생성 할 수 있다. 하다가 보니까 바닐라 자바스크립트를 사용해서 버튼을 누를때 마다 버튼 텍스트가 good으로 바뀌게 하고 싶었다. this를 사용해서 하는 거였는데 어제 배운건데 또 복습을 안해서 시간이 걸렸다. 똥꾸멍아 바로 복습해라 제이쿼리를 사용하면 훨씬더 적은 코드로 구현이 가능하다. 무슨키를 입력했는지 알 수 있다. $(document)로 지정하면 특정 텍스트박스가 아닌 문서 전체에서 입력한 키를 확인 할 수 있다. click과 keypress 메소드 말고 on이라는 메소드를 사용할 수도 있다.
제이쿼리
제이쿼리는 자바스크립트 라이브러리 이다. $("h1") = document.querySelector 와 동일하다. 두 코드는 동일하다. 그러나 웹페이지에서는 아무 반응이 없다. 그 이유는 제이쿼리 cdn 또는 파일을 포함하지 않아서 이다. jQuery CDN을 추가한다. 이때 위치가 중요하다. index.js 위에 위치해야한다. 그 이유는 jQuery 라이브러리가 없는 상태에서 index.js를 실행하게 되므로 $가 뭔지 알 수 없어 오류가 난다. 그래도 나는 index.js 아래에 꼭 두어야 겠어! 하시는 분들을 위한 방법이 있다. 바로 위 코드를 통해 제이쿼리 라이브러리가 준비되면 제이쿼리문을 실행하도록 하는 것이다. 하지만 이방법보다는 그냥 index.js 위에 쓰자. Hosted Libraries..
콜백함수
https://www.youtube.com/watch?v=-iZlNnTGotk 1. 따로 만든 함수를 파라미터에 넣을 수 있다. (앞에서 배웠던 handleClick) 2. 파라미터로 함수가 필요한 함수가 정해져 있다. 그리고 위 과정을 보면서 왜 콜백함수 자리에는 콜백함수(함수이름)만 넣는지 알게 되었다. 콜백함수( )가 아닌. 콜백함수의 파라미터에는 어떤 정보가 넘어갈까? 처음에는 뭔가 함수로 넘어가는 파라미터를 본다는게 거부감이 느껴졌달가? 이해가 안갔는데, 나에게 익숙할만 함수로 바꿔 생각해보면 좀더 이해하기가 편했다. addEventListener같은 higher order function 에서 클릭을 감지하면 , 객체를 콜백함수의 파라미터로 보내게 되는 것이다. 그러면 내가 한번 고차함수와 콜..
