사이트를 모바일 웹앱으로 실행되도록 하는 방법 1. html의 header에 다음과 같이 넣어주면 됩니다 // 홈 화면에 추가했을 때 보여질 앱의 이름 // 모바일에서 전체화면으로 보이게 할 지 여부 // 상태 표시줄 배경 색상 설정 2. 아이콘 설정을 해줍니다 아래의 사이트에서 아이콘을 넣고 설정해줍니다. 필요한 대부분의 아이콘 파일과 link, meta 코드를 알려주어 편합니다 https://www.favicon-generator.org/ 보투게더의 코드 아이패드용 스플래시 화면을 설정하고 싶을 땐 따로 설정을 해야 합니다 저희의 경우 아래와 같이 설정해보려고 했으나 아이패드에서는 제대로 나오지 않고 있습니다. 참고 자료의 링크를 참고하여 설정을 해야하는 것으로 이해되었어요 // 작동이 안됨 참고자료..
class CSS 속성을 줄 때 클래스를 이용합니다. 그 이유는 CSS 속성을 고치기 위해 class 명을 고치게 되어도 사이트 로직에 영향을 주지 않게 하기 위함입니다. 예를 들어 회사에 퍼블리서와 개발자가 따로 있다면 퍼블리셔 - 개발자 간의 협업을 할 때 서로 건드리는 부분을 달리 해서 서로의 작업에 영향을 주지 않도록 하는 것입니다. id Javascript 코드에서 querySelector를 지정할 때 사용합니다. class와 id를 구분 지어 사용하는 컨벤션의 장점과 단점 id와 class를 나누어 사용하는 컨벤션을 사용한다면 CSS를 바꾸거나, 로직을 변경할 때 id 혹은 class를 변경해도 영향을 덜 준다는 장점이 있습니다. 단점으로는 불필요한 id와 class를 만들어 사용하는 경우가..
저도 저 기능을 사용하고 싶은데 이름이 기억이 안나서 해멨습니다. title 전역특성은 요소와 관련된 추가 정보를 제공하는 텍스트를 나타냅니다. 타이틀을 사용한 코드 © 2021 - Kim Young Gil, All rights reserved. 타이틀을 여러줄로 표현할수도 있다. https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/title title - HTML: Hypertext Markup Language | MDN title 전역 특성은 요소와 관련된 추가 정보를 제공하는 텍스트를 나타냅니다. developer.mozilla.org
- Total
- Today
- Yesterday
- jest
- import/order
- NextRequest
- createPortal
- C언어
- electron
- 프리온보딩
- WSL2
- nextjs
- 초보
- 원티드
- 위코드
- 프론트앤드
- 우아한테크코스
- 아차산
- 노마드코더
- 스토리 북
- error
- CLASS
- env
- Storybook
- TopLayer
- NextApiRequest
- nodejs
- 북클럽
- 노개북
- javascript
- React
- 윤성우 열혈C프로그래밍
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |