WEB3 React] 모바일 청첩장 만들기 1 ❓ 발생한 이슈/고민 15년 지기 친구의 결혼을 기념하여 모바일 청첩장을 만들어주려고 한다. 청첩장 사면 그냥 주는 모바일 청첩장을 만들려는 이유는 모바일 청첩장은 단순해 보여도 의외로 여러 가지 기능이 들어간다. (캐러셀, 지도 api, 꽃잎 흩날리는 애니메이션, 캘린더, 디데이 카운트 다운, 계좌번호 복사, 메시지 보내기, 전화 걸기, 방명록 CRUD 등..) 되게 얕봤는데 마냥 간단하지만은 않다는 거~그래서 개인적으로 도전해 볼 만한 콘텐츠라고 판단되었다. 💡 해결과정 먼저 구성을 생각해야 하지 않겠는가. 늘 그랬듯 들어갈 내용과 와이어프레임을 설계해 주었다. 기획에 앞서 여러 가지 모청 샘플을 보고 어떤 내용이 들어가야 하는지, 어떤 식으로 구성되어 있는지 파악했는데 대체로 이런 식이었다. 컨텐츠.. 2024. 1. 16. VScode 유용한 extensions 👀 VScode 마이크로소프트에서 만든 소스 코드 에디터(소스 코드 편집기)다. 프로그래머에 의해 컴퓨터 프로그램의 소스 코드를 편집하기 위해 설계된 프로그램 Visual Studio Code를 사용하는 가장 큰 이유는 맥 os, 리눅스, 윈도우 등의 메이저 운영체제를 모두 지원하고 누구나 무료로 사용할 수 있기 때문에 현재 실무에서 많이 사용되고 있는 소스 코드 에디터라고 할 수 있다. 💽 내가 쓰는 Extensions Extension은 VScode를 다채롭게 즐길 수 있는 확장 프로그램 이다. 나의 코딩환경을 효율적이고 윤택하게 해주는 확장 프로그램들 Korean Language Pack for Visual Studio Code 한국어로 번역된 UI 환경으로 만들어준다 Indent-Rainbow 탭.. 2023. 5. 19. HTML / CSS ? HTML과 CSS 개념 이해하기 ⚒️HTML=구조(기획자) 웹페이지를 만드는 컴퓨터 언어이다. 페이지의 제목, 문단, 표, 이미지 등 웹의 구조를 담당한다. ✨CSS=장식(디자이너) 웹페이지에 시각적 표현(디자인)을 입히는 언어이다. 실제 화면에 표시되는 방법(색상, 폰트 등)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당한다. ⚙️JS(JavaScript) : 동적처리(개발자) 콘텐츠를 바꾸고 움직이는 등 페이지를 동작시키는 동적처리를 담당 HTML Tag 구조 HTML은 Tag를 이용한 Markup 언어이다. 👇주요 Tag 모음 나는 구역을 나누죠 나는 문단이에요 h1은 제목이에요. h2는 소제목입니다. h3~h6 h 뒷 숫자가 커질수록 글자 크기는 작아져요. 하이퍼링크 버튼입니다. HTML.. 2023. 5. 19. 이전 1 다음
