매일 공부한거 기록하기

https://shoney.tistory.com/entry/VSCode-%EC%A0%80%EC%9E%A5%EC%8B%9C%EC%97%90-%EC%9E%90%EB%8F%99%EC%A0%95%EB%A0%AC-%EC%84%A4%EC%A0%95-Prettier-%EC%A0%81%EC%9A%A9-%EC%95%88%EB%90%A8-%EA%B3%A0%EC%B9%98%EB%8A%94%EB%B2%95-%ED%8F%AC%ED%95%A8 VSCode 저장시에 자동정렬 설정 (Prettier) - 적용 안됨 고치는법 포함 Ctrl + S 를 눌렀을 때 소스코드가 자동 정렬되는 방법을 알려드립니다. 적용 안되는 경우 3,4번 항목을 체크해보세요. 1. VSCode에 Extensions 창(Ctrl + Shift + x)에서 P..

Vue3 snippet을 설치하고 vueinit을 입력하면 기본 템플릿으로 입력된다 :)

https://nodejs.org/ko/download 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org window비트를 확인 한 후에 필요한 버전으로 다운받으면 된다. window 비트확인 방법 SEARCH ICON클릭 후 시스템 정보를 검색하면 된다

window키 + R 입력 -> cmd검색 !

1. 기존 환경의 Node 버전을 확인한다. node -v 2. node가 설치되어있다면 npm init vue@latest 위의 명령어를 입력해 설치한다. Done. Now run: cd vue_study npm install npm run dev

오늘은 크롬으로 디버깅 하는 방법을 정리해보기로 하자 :) 1. 크롬창에서 F12 또는 commad + option + I 를 누른다. (난 그냥 F12누름ㅎ) 임시저장해놓고 쓰는중~~

1. javaScript에서 this는 다른 언어의 개념과 조금 다르다. java에서의 this는 인스턴스자신을 가리키지만, js의 this는 객체를 가리키는 키워드이다. js의 this는 함수를 호출한 방법에 의해 결정된다. 간단하게 this앞에 호출한 객체에 따라 결정이 되는것이다. 2. this바인딩은 함수 호출 방식에 의해 동적으로 결정된다. 1 ) 전역에서의 this는 window 객체 console.log(this) console.log(this===window); 2 ) 함수내부에서 this는 window를 가리킨다. function test() { console.log(this); } test(); //window 3. this를 지정해주고싶을때 bind()를 사용 | bind는 함수에 한..

정리해보자~~~~~~~> + tab키 자식노드로 설정해주고 싶으면 > 로 연결해준다. 3. 형제노드: + tab키 형제노드들은 +로 연결해준다 4.그룹: () 그룹할 태그들을 () 괄호로 묶어준다. 5. 반복: * 반복하고싶은 태그에 * 횟수 를 붙여준다 6. 넘버링: $ 7. 텍스트: {} hello world here's a link! 출처: https://docs.emmet.io/cheat-sheet/

요즘 함수형프로그래밍이 너무 재밌어 보인다. 그래서 책도 샀는데 아직 읽진 않았다...ㅎ.. 함수형 프로그래밍에 대해 배우기전에 간단하게 순수함수를 알아보자! 순수함수는 외부상태를 참조, 변경하면 안된다. 동일한 인자라면 항상 동일한 결과값을 리턴해야한다. 사이드이펙트를 만들면 안된다.

지금까지 css, styled-components만 계~속 썼었다. 우연히 공부해볼 기회가 생겨서 Tailwind에 대해서 우선 간단하게만 알아보기로 한다. 사실 예전에 한번 봤을때 클래스 이름이 너무 길어서 깔끔하지 못하다는 인상을 받았었는데.. 이참에 장점을 알아봐야지~~~ 공식 홈페이지 https://tailwindcss.com/ Tailwind CSS - Rapidly build modern websites without ever leaving your HTML. Documentation for the Tailwind CSS framework. tailwindcss.com 장점 1. Utility-First를 지향하는 CSS프레임워크이다. 2. 안쓰는 스타일은 빌드시 제거해준다. 3. 결과물이 ..