꾸준히 성장하는 개발자

button을 클릭했을 때 파일 업로드를 하고 바로 띄워줄 수 있는 버튼을 만들고 싶다 파일을 업로드 하는건 type='file'의 속성의 input 태그를 이용한다. 이렇게 입력하면 아래 사진처럼만 나오는데 난 옆에 선택된 파일없음 도 안 나오게 하고 싶고 버튼도 커스텀을 하고 싶다. 그래서 하는 방법이 label 태그와 input 태그를 연결해 주고 label태그를 꾸며주고 input 태그를 숨겨주면 되는 것이다. 먼저 label과 input이 연결하는 방법은 label의 for와 input의 id를 같게 넣어주면 된다. 그리고input 태그를 숨겨야 하는데 opacity :0으로 숨겨줘야 한다. 중요한 건 display:none / visibility: hidden 하면 안 된다!! 접근성 보조 기..

마크다운 ~~~.md 로 된 문서들이 있는데 마크다운 문법으로 작성된 파일이다 장점 단점 문법이 쉽고 간결하다. 관리가 쉽다 지원 가능한 플랫폼과 프로그램이 다양하다. 표준이 없다 모든 HTML 마크업을 대신하지 못한다. 제목 # 제목(header) # 제목 1 ## 제목 2 ### 제목 3​ #의 갯수만큼 h1~h6 으로 생각하면 된다. 그리고 # 다음에 띄어쓰기 해야하는것 잊지 말자 문장 # 문장(paragraph) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 문장을 작성할때 위처럼 작성하면 하나의 문단으로 보고 태그를 쓴 것처럼 표현이 된다. 줄바꿈 # 줄바꿈(line breaks) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산 그냥 쓰..

구글에서 제공하는 아이콘을 사용하는 방법 현업에서는 매번 새로운 디자인들을 디자이너에게 요청할 수 없기 때문에 구글에서 제공하는 아이콘을 이용하는 방법이 있다 https://material.io/design/iconography/system-icons.html 원래 여기에 설명이 있었던것 같은데.... Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences. material.io Material Icons Guide | Google Fonts ..