My devlog

🖤 git add cancel git restore --staged [filename] 🖤 remote에 강제 push $ git push -f origin main 🖤 --cached : remote에 있는 파일만 삭제/ local 은 삭제되지 않음 $ git rm $ git rm --cached

{{typeof title}}​ input 값이 바뀔때마다 {{title}} {{radio}} const App = { //데이터는 함수로 만들어서 사용해야함! 참조형이기 때문에 복사 data() { return { title: "Hello~", checked: true, radio: "", }; }, methods: { changeInput(event) { console.log(event.target.value); this.title = event.target.value; }, }, }; Vue.createApp(App).mount("#app"); 스켈레톤 ui 팩토리 함수 : 객체를 반환하는 함수

디렉티브 : v- 접두사가 있는 특수 속성 https://kr.vuejs.org/v2/guide/syntax.html 템플릿 문법 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org Search! {{ movie.Title }} More {{msg}} {{reverseMsg()}} {{reversedMsg}} vue Js vue의 data() 란 반응형 데이터, 반응성을 가진 데이터다. - v-for 에 key값이 있으면 기억을 해서 변동사항이 있어도 리렌더링할 필요가 없다. - comfuted vs method 캐싱은 한번만 계산됌 메소드는 매번 계산 const App = { //반응형 데이터 || 반응성을 가진 데이터 data() { return { title:..

remote 이름 변경 git remote rename 원래이름 새이름 remote 삭제 git remote rm 리모트명 remote 덮어쓰기 : 로컬에 있는 코드로 원격을 덮어씌움 git push --force 리모트명 브랜치명

🔥 주의점 - 큰따옴표 사용! (convention 때문과 혹시 모를 오류) 추천 사이트 scss 가 css 로 변환된 코드를 바로 확인할 수 있는 사이트 https://www.sassmeister.com SassMeister | The Sass Playground! SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading... www.sassmeister.com - scss 공식 사이트 모듈 https://sass-lang.com/documentation/modules Sass: Built-In Modules Compatibility: Dart Sass since 1.23.0 LibSass ✗ Ruby Sass ✗ Only..

콜스택 setTimeout(() => { console.log("timeout"); }, 1000); function a() { console.log("A"); function b() { console.log("B"); } b(); } a(); 큐 내에 순서 micro 1 브라우저마자 다름 macro Animation DOM api node vs element node 123 abc element // qeuryselector 는 요소를 찾음 const divEl = document.querySelector("div"); // qeuryselectorAll 는 nodelist 라는 배열 데이터처럼 생긴 개체를 찾음 //nodelist // Object object const divNodeList = do..

패트스 캠퍼스핀테크 프론트엔드 과정을 시작한 지 5주가 되었다. 둘째 주까지만 해도 앉아있는 것도 힘들었는데 지금은 익숙해졌다. 주말도 매일 공부를 한 건 아니지만 반나절은 하려고 노력했고 공부 시간을 더 확보하려 노력중이다. 리액트 스터디도 시작하게 되어 시간이 부족하다. 함께 하는 사람들이 있어서 독학으로 할때보다 덜 외롭고 궁금한 점들을 물어볼 곳이 있어 덜 방황한다! 과정을 시작하기까지 많은 고민을 했는데 하길 잘했다는 생각이 든다. 강사님도, 함께 공부하는 분들도 좋은 자극이 된다. 체력과 멘탈을 잘 관리하는게 무엇보다 중요한 것 같다. 조급하진 말되 나태해지지 말고 꾸준히 성장하자!

원시형 데이터 종류: string number boolean undefined null symbol - 똑같은 값은 새로운 메모리에 할당되지 않는다. = 똑같이 생긴 건 똑같은 메모리 주소 참조형 데이터 종류: array object function - 같은 값이라도 다른 메모리에 할당될 수 있다. - 깊은 복사가 필요하다. let btnEl = document.querySelector("button"); const handler = (event) => { console.log(121); }; btnEl.addEventListener("click", handler); btnEl.removeEventListener("click", handler); btnEl = null; 출처 패스트캠퍼스 박영웅 강사님

기간 : 220418 ~ 220425 원본 사이트 https://toss.im/team 클론 사이트 https://extraordinary-squirrel-b7be36.netlify.app 토스팀 소개 2021.02 (주)토스증권 출범 2021.04 (주)토스씨엑스 설립 2021.06 토스뱅크 컨소시엄 제3 인터넷전문은행 본인가 획득4,600억 원 투자 유치 (기업가치 한화 약 8조원 돌파) 2021.08 평생 무료 송금 정책 전격 extraordinary-squirrel-b7be36.netlify.app

arrray method .reduce() const arr = [1,2,3,4] let sum =0 for (let i = 0; i acc + cur, 0) const data = [ 'regNum', 'name', 'logo', 'representative', 'startDate', 'address', 'contactEmail', 'tags', 'intro', 'homepage', 'introFile' ] const res = data.reduce((acc, name) => Object.assign(acc, { [..