Front-end(19)
-
[HTML] 웹사이트 빨리 만드는 방법 : Emmet
1. 부모,자식,형제 노드 2. 그룹화 하기 3. 텍스트 입력하기 hello 4. 자동 번호 넣기 item 1 item 2 item 3 item 4 item 5 5. 더미용 텍스트 생성 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur assumenda aut beatae ea earum facere fugiat id incidunt labore minima molestias nihil nisi officia officiis, quia repudiandae unde veritatis vero? Lorem ipsum dolor sit.
2022.09.22 -
[HTML] 무기 : 박스모델 안경장착하기!
어떤 웹사이트를 보든 박스별로 나누어서 구분해보는 연습하기 → 나중에 가장 중요한 무기가 됨 원하는 사이트에 들어가서 > f12 눌러 개발자도구 들어가서 > Elements > 화살표 모양 누르고> 사이트에 갖다대면 박스모델이 어떻게 되어있는지 알 수 있다.
2022.09.21 -
[HTML] 태그의 2가지 종류
1. 박스 (박스가 되는 아이들, 사용자한테 보이지 않는 것들) mdn 들어가보면 HTML Elements에 태그들이 있고 a 태그를 눌러보면 어떻게 사용하는지, 속성이 뭔지 등 설명이 잘 나와있다. : The Anchor element - HTML: HyperText Markup Language | MDN header section footer article nav div aside span main form 2. 아이템 (아이템이 되는 아이들, 사용자한테 보여지는 것들) mdn 들어가보면 HTML Elements에 태그들이 있고 a 태그를 눌러보면 어떻게 사용하는지, 속성이 뭔지 등 설명이 잘 나와있다. : The Anchor element - HTML: HyperText Markup Language..
2022.09.19 -
[Vue.js] 상세페이지 모달창을 작성,수정이 안되게 하기! disabled vs readonly
상세페이지 모달창을 작성,수정이 안되게 하고싶었다. 1. disabled : disabled 만 추가해주면 작성이 비활성화가 된다. 그런데... 사실 이게 작성을 안하게 하고싶었지 잘 안보고싶었다는 말은 아니였는데... 잘 안보인다. 회색 희꺼멓게 보여서 단순히 작성을 못하는 것에서 더 나아가 비활성화가 되버리는 거라 차이가 있다. 안되겠다... 다른걸 찾아보자! 2. readonly ; disabled 대신 readonly를 사용하니 확실히 잘보인다. 좋았어~! 어? 그런데... 한 녀석이 먹히질 않는다... {{ item.name }} 바로 radio... 메시지가 단문인지, 장문인지 선택하는 것을 위해 사용하였던 radio에서 readonly가 안먹힌다... 막 선택이 바뀐다... 이를 우야노!!!..
2022.07.19 -
[Vue.js] text-align
버튼이 왼쪽에 있었는데 오른쪽으로 옮기고 싶었다. {{ $t('btn.cancel') }} {{ $t('btn.add') }} margin-left: 600px 을 하니 내 컴퓨터 화면에서는 딱 오른쪽으로 이쁘게 위치해 있었다. 그래서 된줄 알았는데... 다른 모니터에서는 중간에 가있질 않나... 뒤죽박죽이었다. 차라리 px 대신 %를 주던가... 그럼 어느정도는 가있었을텐데... {{ $t('btn.cancel') }} {{ $t('btn.add') }} text-align: right 로 간단히 해결!
2022.07.14 -
[WebStorm] npm install error
WebStorm - terminal에 작성: npm install - 에러내용: npm ERR! Host key verification failed. npm ERR! fatal: Could not read from remote repository. npm ERR! npm ERR! Please make sure you have the correct access rights npm ERR! and the repository exists. npm ERR! npm ERR! exited with error code: 128 : 깃배쉬로 작성 ssh-keygen -t rsa -C "내깃헙메일주소" 그리고 내 깃헙들가서 setting에서 ssh key 에다가 작성함(.ssh/id_rsa 이 파일을 메모장으로 열어서 ..
2022.07.12