망고

멋사xAbly 익스턴십을 1/5일부터 진행하게 되었다. 일전에 vue.js를 사용해본 경험이 없기 때문에 빠르게 미리 학습하고 이해하기 위해서vue.js 공식문서 강의와 유튜버 개발자의 품격님의 영상을 보면서 알아보려고 한다. ✏️VUE.js 간단 정리 VUE.js 정리 # 1기본 사용 VUE.js 정리 # 2 속성 바인드 VUE.js 정리 # 3 조건부 렌더링 VUE.js 정리 # 4 리스트 렌더링 VUE.js 정리 #5 이벤트 핸들링 VUE.js 정리 #6 스타일 바인딩 VUE.js 정리 #7 Computed Properties VUE.js 정리 #8 Vue Components VUE.js 정리 #9 Vue Communicating Events VUE.js 정리 #10 Vue Form and Two-..

공식 문서에 따르면 axios의 정의는 다음과 같다. Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다 일종의 자바스크립트에 내장되어 있는 fetch api와 유사한 기능을 하지만 차이점이 몇가지 있다. 그렇다면 axios의 장단점을 알아보기 위해 그 차이를 비교해보도록 하자 . 위의 표를 보았을 때 axios는 별도의 설치가 필요하다는 단점이 있지만 그것을 커버할 만한 fetch보다 많은 기능 지원과 문법이 조금이나마 간소화 된다는 장점이 있다는 것을 볼 수 있다. 참고 :https://kyun2da.dev/%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC/axios-%EA%B0%9C%EB%85%90-%EC..

getElementById()는 무엇인가? element = document.getElementById(id); id를 통해 엘리먼트를 반환한다. 만약 document에 구체적인 ID의 엘리먼트가 없다면 null을 반환한다. querySelector()는 무엇인가? element = document.querySelector(selectors); selector의 구체적인 그룹과 일치하는 document안 첫번째 엘리먼트를 반환한다. 일치하는게 없으면 null반환한다. querySelector vs selectElementById 위와 같은 코드가 있다고 가정해보자. 우리는 username 요소를 얻고 싶고 이를 변수에 할당하고 싶다. 첫번째로 getElemenyById를 통해 해보자! var userna..

JavaScript에서 insertAdjacentHTML innerHTML의 차이를 설명하기 전에, 먼저 innerHTML과 insertAdjacentHTML에 대해서 알아보겠습니다. 1) innerHTML innerHTML 속성은 JavaScript를 통해서 html의 content를 가져와서 그 값을 화면상에 보여주거나 직접 변경하여 보여주는 것을 말합니다. 다음의 예시를 보면 좀 더 이해하기 쉬울 겁니다. 1 2 3 4 5 6 7 I am a paragraph. Click the button get the HTML content of the p element. Try it Colored by Color Scripter cs 1 2 3 4 function myFunction() { var x = do..

다 똑같은 js인데 이 셋의 차이점이 뭘까 정확히 알아보기 위해 찾아보았다. 1.Vanilla-js -추가적인 라이브러리나 프레임워크가 없는 플레인한 javascript이다. 무방부제 무설탕과 같이 무라이브러리 무프레임워크라고 생각하며된다. 2.node.js -Javaxcript는 브라우저 안에서 산다. node.js는 javascript를 브라우저 밖으로 꺼낸 것이다. 사용자는 node.js를 사용하여 JS로 파일 시스템에 접근 할 수도 있고 서버도 만들수도 있다.

👉 선택자 전체선택자 : * 태그요소 선택자 : 태그 이름을 식별자로 사용 ex) ,footer> 아이디선택자 : # 클래스 선택자 : . 👉 텍스트 컬러-color : #000000; 정렬-text-align : center/left/right; 줄간격-line-height : 200%; 장식-text-decoration : line-through; 👉 폰트스타일 폰트종류 – font-family 사이즈 - font-size : 20px; 굵기 – font-weight : bold; *문서에 웹 폰트 적용하는 방법 html에서 링크태그로 가져오기 css에서 import하는 방식 👉 링크/리스트스타일 Color Background-color Text,font 속성 여백 속성 Display속성 👉..