<star />

나만 그런가 vscode 맨날 지 혼자 설정 바뀔 때가 있음 걍 블로그에 적어 놓으려고 함 초행자 분들은 구글링을 통해 내 블로그를 보겠징 낄낄낄 1. vscode Preferences -> Settings 드가셈 2. 세팅 검색창에다가 word wrap 검색 ㄱㄱ on 으로 설정 바꾸셈 해결 완. 이제 가로스크롤 사라지고 자동줄바꿈 됨 오늘도 즐거운 코딩 하세욤~

SVG 를 사용하는 이유가 뭐야? - 벡터 기반이기 때문에 리사이징 시 깨짐 현상이 없다. - 특정 사이즈에 구애받지 않아, svg 파일 하나면 모든 해상도 대응 가능. - svg 그래픽은 파일 크기를 결정하는 주요 요소는 복잡도다. path 가 비교적 적은 간단한 이미지는 기존의 이미지 확장 파일들보다 사이즈가 적을 수 있지만, 이미지를 구성하는 요소의 복잡도가 높은 경우에는 파일 사이즈가 커짐. 사용 방법 (1) img 태그 (2) background-image .nongdamgom { width:500px; height:500px; background-image:url("./nongdamgom.svg"); } (3) HTML 인라인 ... - 브라우저는 이미지를 불러올 때, HTTP 요청을 해야 되..

서버에 GET, POST 요청을 할 때, 새로고침 없이 데이터를 주고받을 수 있게 도와주는 간단한 브라우저 기능을 말한다. Ajax 사용하면 새로고침 없이 데이터를 가져올 수 있음. > Ajax 로 GET/POST 요청하는 방법 1. XMLHttpRequest 라는 옛날 문법 사용. 2. fetch() 라는 최신 문법 사용. 3. axios 같은 외부 라이브러리 사용. > Ajax 요청 npm install axios 터미널로 axios 설치하기 import axios from 'axios' const App = () => { return ( { axios.get('https://aaa.com/data.json') .then((결과) => { console.log(결과.data); }) .catch(()..

많은 컴포넌트에 스타일링을 할 때 아주 유용한 css 라이브러리인 styled-components 를 알아보자. npm install styled-components import styled from 'styled-components' 1. 사용법 - 컴포넌트 생성 시, 스타일을 미리 지정하여 만들 수 있다. - `` 백틱 기호를 이용하여 css 스타일을 넣을 수 있음. 2. 장점 - css 파일 열어서 작성할 필요 없음. - js 파일에서 바로 스타일링 가능해서 다른 js 파일에 영향이 가지 않아서 좋음. - 페이지 로딩 시간 단축 3. props 로 재활용 가능 - 재사용되는 컴포넌트 UI 가 있을 경우 아주 용이함. import styled from 'styled-components'; let co..

1. CSS Preprocessor 가 뭐예요? - 전처리기 3대장으로는 Less, Sass(SCSS), Stylus 가 있음. - 보통 CSS Preprocessor 라고 부름. - 사스는 기초 언어에 힘을 주는 css 의 확장임. - 웹에서는 css 만 동작하기 때문에 전처리기는 직접 동작시킬 수 없음. - 전처리기는 css 문법과 굉장히 유사하지만 선택자의 중첩이나 조건문, 반복문, 다양한 단위의 연산을 활용할 수 있음. - 표준 css 보다 훨씬 많은 기능을 사용해서 편리하게 작성이 가능함. - 단, 웹에서는 직접 동작을 하지 않으니 전처리기를 작성 후, 웹에서 동작 가능한 표준의 css 로 컴파일 해야 함. - 컴파일 방법은 많음... 주로, node-sass 라는 Node.js 기반 컴파일러인..

현재 star 변수의 값은 28이다. star 변수의 이전 값인 undefined 와 27은 어떤 변수도 값으로 갖고 있지 않는다. 어떤 식별자와도 연결되어 있지 않다. undefined 와 27이 더 이상 필요하지 않단 것을 의미. 아무도 사용하지 않으니 필요없다. 이런 불필요한 쓰레기 값들은 가비지 콜렉터 (garbage collector) 에 의해 메모리에서 자동 해제된다. (메모리에서 언제 해제될지는 예측 불가) 가비지 콜렉터 (garbage collector) 가 뭐야? - 애플리케이션이 할당한 메모리 공간을 주기적으로 검사하여 더 이상 사용되지 않는 메모리를 해제하는 기능을 말함. 더 이상 사용되지 않는 메모리란 간단히 말하자면 어떤 식별자도 참조하지 않는 메모리 공간을 의미함. 자바스크립트는..