타코벨코딩

DOM이란? → Document Objhect Model DOM (Document Object Model) 돔 이라 불리우는 이 것은 → 객체 문서 모델 객체로 문서 구조를 표현하는 방법이다. 트리 형태이며 XML, HTML 로 작성한다. Elements 요소 = html 하나 하나의 요소 를 말한다 Document 문서 ! = 이 모든 요소들을 담고 있는 웹 페이지 를 말한다. 브라우저 (컴퓨터 화면 ) ⇒ 이 페이지에 해당하는 html 을 분석해서 화면에 멋지게 띄어준다 그렇다면 DOM이란 웹페이지에 들어있는 요소( html element )들을 트리형태 구조로 표현한 것이다. 아래 그림 첨부 가상돔 Virtual DOM → 리액트는 가삼동을 사용하여 실제 돔을 조작하는 일을 엄청 나게 빠르게 도와준..

M1 setting 또 키체인 뜨면 이거 보고 해라~ 정리 함 초기세팅🤬 https://www.lainyzine.com/ko/article/how-to-install-homebrew-for-m1-apple-silicon/ Install m1 version HomeBrew echo 'eval $(/opt/homebrew/bin/brew shellenv)' >> ~/.zprofile eval $(/opt/homebrew/bin/brew shellenv) which brew brew --version brew install git brew install wget $ which git /opt/homebrew/bin/git $ which wget /opt/homebrew/bin/wget https://www.y..

이런 에러는 주로 로컬 브랜치가 리모트 브랜치보다 앞서 있는 경우라 발생한다. 이 문제를 해결하기 위해서는 몇 가지 단계를 해야 한다. 1. 현재 브랜치 확인 작업 Git branch 2.로컬 브랜치와 리모트 브랜치 확인 Gir bracnh -vv 3.로컬브랜치 커밋 확인 Git log 4.로컬 브랜치를 리모트 브랜치로 강제로 푸시 Git push -f origin 브랜치이름 강제푸시 중요 강재 푸시 하기전 팀원들과 상의 Pull request 사용 하기 | 이게 뜬다면... Pull 전략이 필요한 이유(설명) Git pull = git fetch + git merge FETCH_HEAD Git pull 수행시 git merge commit 생성됨 여기서 git pull을 하는 방식중에 세 가지 소개 g..

폴더 구조를 바꾸고 푸시를 했는데 결과적으로 계속해서 git push origin main을 해도 해도 에러 해결을 하지 못했다. 구글링으로 2틀동안 찾았는데 할 수 없었다. 이대로 포기할 순 없지 천천히 다시 ㅎ하나하나 찾았다. 결국 블로그를 통해 해결되었다 원격 저장소 origin /main 로컬 저장소 head/ [구조를 이해하기!👍🏻] 사진 처럼 이렇게 되어야 하는데 따로따로 에러의 원인은 remote origin 의 뿌리가 같지 않았다. 로컬에 있는 저장소들을 깃에 올리고 싶다면 저 로컬 저장소 뿌리와 같게 해준 다음에 추가 add . Commit push 를 해줘야 한다. 방법 Git log 상태 확인 기존 commit -id 로컬에서 작업한 것들 복사하기 [ 안했더니 파일이^^ 지워졌다] G..

앞서 bmi 계산기 를 만들면서 parseInt 기억이 안나서 찾아보았습니다 parseInt 자바스크립트에 내장되어 있는 함수로 말 그대로 문자열을 파싱하여 [구문 분석 :분석하고 구조하는것] 문자열에 포함된 숫자를 찾아서 number 로 형변환을 시켜줍니다. 🍪 let age = parseInt ("2022"); console.log(age, typeof age) // parseInt 자바스크립트에 내장되어 있는 함수로 // 말 그대로 문자열을 파싱하여 [구문 분석 :분석하고 구조하는것] // 문자열에 포함된 숫자를 찾아서 number 로 형변환을 시켜줍니다. let star = parseInt ("123이건숫자들"); console.log(star) let hey = parseInt ("처음그자리에2..

js 함수 먼저 bmi 계산 공식은 Bmi = (몸무게) / (키 * 키) 계산 과정은 kg 의 몸무게를 키의 제곱으로 나누면 됩니다. If 문을 사용하여 18.5 이하 저체중 / 23 정상 25 과제중 30 비만 30그 이상은 고도비만으로 나누었습니다. Window.onload Js file에 html 파일을 가져오면 onload 이벤트 핸들러 함수가 실행된다. 버튼에 이벤트 리스너를 만들어 클릭시 calculatebmi 함수가실행하도록 연결했다. 함수 calculatebmi 에서 키 몸무게 결과 값을 해줍니다. 먼저 parseInt 로 가져와 문자열 파싱을 해줍니다. 함수 calculatebmi 에서 사용자가 입력한 키 , 몸무게를 가져와 bmi 를 계산합니다. 주의 될점은 html에서 받은 키의 단..

클라이언트 : Front -End 파일을 달라는 역할 서버 :Back-End 파일을 보내주는 역할

Vue.js application 성능을 향상 시키는 방법은 https://medium.com/@kadirboylu/how-to-improve-the-performance-of-vue-js-application-2ee8d4aa3300 라우터 : 단일 페이지 어플리케이션 구축 하는 데 유용함 Vue cli 를 사용하여 새로운 라우터 로 새로운 vue.js 어플리케이션 생성 가능 Vue js + 비동기 구송 요소를 정의하는 defineAsyncComponenet 함수 동적 가져오기 사용하여 defineAsyncComponent 함수로 비동기 구성 요소를 로드 가능 V-if v show 조건부 렌더링 V-if 참 인 경유 렌더링 V-show 지시문은 요소를 렌더링하고 조건이 false 인 경우 숨긴다. 지시문..

https://flaviocopes.com/vue-developer-roadmap/ Roadmap to become a Vue.js developer in 2020 This is a graph I made with the technologies that will make you a well-rounded developer proficient in Vue.js programming. flaviocopes.com the basics of how the Web works HTML, CSS the DOM how browsers work the JavaScript basics, event handling, the newest ES6-7-8 features Git how to use the terminal the ..

https://algoroot.tistory.com/94 [React/ Vite] 개발용어 사전 만들기 나만의 개발용어 사전 만들기 📖 여기를 클릭해 살펴보세요. github link Introduction 🙌 모르거나 기억하고싶은 개발 용어를 기록하는 저만의 개발 용어 사전을 만들었습니다. SKill 🛠️ Vite React Red algoroot.tistory.com 이분 한거 공부 보고 참고하기 https://github.com/AlgoRoots/Momentum_Web GitHub - AlgoRoots/Momentum_Web: 필요한 것만 쏙쏙 골라 담은 나만의 웹페이지 📍 필요한 것만 쏙쏙 골라 담은 나만의 웹페이지 📍. Contribute to AlgoRoots/Momentum_Web devel..