profile
행복한 개발을 하는 Fornt - end 새싹 개발자 입니다! 🌱

[Vue.js] props 로 상위 컴포넌트에서 하위 컴포넌트로 데이터 내리기

누군가에게 도움이 되었으면 ! Vue에서 상위 컴포넌트와 하위 컴포넌트간 통신이 이루어질 때 emit 과 props 를 사용한다저번에는 emit 을 설명했고 오늘은 props!

2022년 7월 19일
·
0개의 댓글
·

[Sass] 전처리기 Sass를 공부하자!

2022년 7월 7일
·
0개의 댓글
·

[vue.js] Modal 영역 바깥 부분 (modal-mask) 누르면 close 되는 법

modal-mask 부분에 close 를 해주면 modal-container 영역을 눌렀을 때도 자꾸 닫혀서 계속계속 알아보다가 해결방법을 알게 되었다 ! 이렇게 modal-mask 에 close 는 똑같이 주고 modal-container 에 click.stop 이벤

2022년 6월 27일
·
0개의 댓글
·

[js] 유용한 classlist

예시

2022년 6월 24일
·
0개의 댓글
·

vue-router 설치 주의사항!

꼭... 버전 명시를 해주어야한다.

2022년 6월 21일
·
0개의 댓글
·

[github] repository not found git push가 안될 때

협업 중에 push 가 안돼서 일단 repository 만든 팀원에게 admin 으로 초대 메일을 보내달라고 했다.그리고 터미널에해주니까 push 성공

2022년 6월 20일
·
0개의 댓글
·

ERP 사이드 프로그램 API 구현 성공!

api 만들고 나서 성공이 뜨면 왜이렇게 행복한 건지...박수쳤더니 모두가 쳐다봐서 살짝 부끄러웠지만디비에 반영되는 거 보면 넘 행복해요

2022년 5월 26일
·
0개의 댓글
·
post-thumbnail

Spring Boot been 등록 에러

계속 been 이 등록되지 않았다는 에러가 예전에도 지금도 떠서동기와 함께 해결해본 결과 Service 에서 name : BoardService 라고 해줬던 부분에서name : boardService 로 (소문자로) 바꿔주니까 해결됐다!

2022년 5월 26일
·
0개의 댓글
·
post-thumbnail

container 의 width 가 100% 안될 때

class 이름을 container 라고 하면 안되고 fluid-container 이라고 해주면 쫙~! 넓어진다.

2022년 5월 11일
·
0개의 댓글
·

천단위마다 콤마 찍는 정규식 함수

인풋에 입력할때마다 변하게 하고싶으면oninpt 함수를 써서 이렇게 하면 즉각적으로 변하고 함수를 쓰고 싶으면 n1에 이렇게 해주면 된다. 여기서 e는 내가 콤마 넣고싶은 숫자 !

2022년 5월 11일
·
0개의 댓글
·

[Vue.js] emit 으로 하위 컴포넌트에서 상위로 데이터 보내기

message 라는 메소드에서 this.sum을 보낸다.

2022년 5월 11일
·
0개의 댓글
·

배열 요소들 합계 구하는 법

forEach 사용하면 된다!!!

2022년 5월 10일
·
0개의 댓글
·

<td> 같은 태그 안에 있는 value 가져오기

td같은태그는 value로 못 가져와서 innerText로 가져와야한다!

2022년 5월 9일
·
0개의 댓글
·

날짜 관련 함수

date.getTime() : 현재 시각 출력 (사용자 입장에서 보기 불편하다.)date.getFullYear() : 연도 출력date.getMonth() : 월 출력date.getDay() : 일 출력

2022년 5월 6일
·
0개의 댓글
·

created() , mounted() 차이

화면이 랜더링 되자마자 합계가 표시되었으면해서 그냥 created() 대신 mounted() 로 해봤더니 된다. 찾아보니까 사용에 있어, 하나의 예로 created는 데이터 초기화에 대한 목적, mounted는 DOM 조작에 대한 목적으로 사용할 수 있다.고 한다자세

2022년 5월 6일
·
0개의 댓글
·

HTML element 수정할 수 있게하는 법

input 이나 textarea 에 적용할 수 있다. 태그 안에 contenteditable="true"를 심어주면 됨

2022년 5월 3일
·
0개의 댓글
·

[git]충돌했을 때 vs code에서 충돌부분 확인하는 법

git checkout developgit pull origin developgit checkout {작업 브랜치}git merge develop\#이러면 충돌난 곳이 아까 웹에서 나타난 것 처럼 보이게 되는데, 수정 후, add, commit, push 하자

2022년 5월 3일
·
0개의 댓글
·