본문 바로가기

분류 전체보기83

프리코드캠프 코스 1-1 : Learn HTML by Building a Cat Photo App FreeCodeCamp로 공부를 시작합니다 프리코드캠프로 공부를 시작했습니다. 전체 15개의 코스로 구성되어 있네요. 전 초보자이니 첫번째 코스 Responsive Web Design Certification을 선택했습니다. Responsive Web Design Certification 모든 설명은 영어로 되어 있습니다. 하지만 우리에겐 구글 번역기와 파파고가 있으니 걱정없습니다. 이 반응형 웹 디자인 인증에서는 개발자가 웹 페이지를 작성하는 데 사용하는 언어, 즉 콘텐츠용 HTML(Hypertext Markup Language) 및 디자인용 CSS(Cascading Style Sheet)를 배우게 됩니다. 먼저 HTML과 CSS의 기초를 배울 수 있는 고양이 사진 앱을 구축합니다. 나중에, 여러분은 .. 2023. 6. 12.
40대 코린이의 코딩 배우기 2주차 이야기 (23.06.05~23.06.11) 코딩 배우기 2주차 이야기 코딩 공부한지 2주가 지나가고 있습니다. 꾸준히 Responsive Web Design로 진행하고 있는데, 다른 사이트들도 살펴보고 있습니다. 그러다가 삼성에서 운영하는 무료 코딩 사이트를 알게 되어서 일단 회원가입부터 했어요. https://swexpertacademy.com/main/main.do SW Expert Academy SW 프로그래밍 역량 강화에 도움이 되는 다양한 학습 컨텐츠를 확인하세요! swexpertacademy.com SW Expert Academy에서 수강한 강의는 아직 없네요. 지난주 Responsive Web Design 파트에서는 강좌 1개를 완료했습니다. 1주차에는 6개를 들었는데 속도가 많이 떨어졌어요. Learn Typography by Bu.. 2023. 6. 11.
웹 폼의 구조화와 접근성을 높이는 HTML legend 태그 LEGEND 태그란? 태그는 HTML 폼 그룹의 제목을 정의하는 태그입니다. 이렇게 얘기하면 어떤 의미인지 감이 잘 안오는데요. 예시 화면을 보면 바로 이해하실 수 있을 겁니다. 사용법 개인정보 .... ... 배송정보 .... ... 태그는 열고 닫아야 하는 태그입니다 class나 id 외에 별다른 속성은 없습니다 폼 내에서 제목이 필요한 곳에 사용합니다 위치는 과 다음입니다 예시 See the Pen legend by 40's Programmer (@40sProgrammer) on CodePen. legend의 역할이 바로 보입니다. 여러개의 폼들을 묶어서 제목을 보여주네요. 2023. 6. 11.
웹 폼 구조화를 위한 HTML fieldset 태그 활용 방법 FIELDSET 태그란? 태그 역시 이나 과 같이 구역을 나누는 역할을 합니다. HTML 폼 요소를 그룹화하고 가독성있게 만듭니다. 관련있는 폼끼리 그룹으로 묶을 때 fieldset 태그를 활용하게 됩니다. 사용법 개인정보 .... ... 배송정보 .... ... 태그는 열고 닫아야 하는 태그입니다 class나 id 외에 별다른 속성은 없습니다 폼 내에서 성격상 그룹으로 묶어야 하는 곳에 사용합니다. 위치는 바로 밑입니다 같이 사용되는 태그 태그는 , , , 과 같이 폼을 구성하는 태그들과 함께 어울립니다. : 웹 폼을 정의하는 태그 관련포스트 : 사용자로부터 데이터를 입력받는 폼 요소를 생성하는 태그 관련포스트 : 폼 요소의 설명을 제공하고 연결하는 태그 관련포스트 : 버튼을 생성하는 태그 관련포스트 2023. 6. 10.

티스토리툴바