# html

지식IN 클론코딩
💻 지식IN 클론코딩 사이트: FLOW 사용언어: HTML, CSS, Jquery, gsap 분류: 반응형 PC, 클론코딩 📌 KEY POINT 흐르는 배너 폼태그 조건처리 스크롤 트리거(아래에서 위로 올라오는 애니메이션)

네이버 클론코딩 해보기 -멋사
2주차에 해보았던 네이버 회원가입 클론코딩에 대한 설명이지만 아직 설명이 많이 모자른 것 같다... 다시 복습 할 때마다 설명을 덧붙여서 괜찮은 글로 완성해봐야겠다...

4) 포토폴리오 사이트만들기(최종)
위 빨간색 박스 : flex direton 속성은 row 초록색 박스 : flex direton 속성은 column 아래 빨간색 박스 : flex direton 속성은 column아리 보라색 박스 : flex direton 속성은 row
SW53일차 공부
scriptlet스크립트릿 자바 서버 페이지(JSP) 기술에서 스크립틀릿(scriptlet)은 HTML과 같은 JSP 코드에 내장된 자바 코드의 한 부분이다. 스크립트릿은 <% %> 태그 내의 모든 것이다. 이 사이에서 사용자는 유효한 스크립트릿, 즉 유효한 Ja

inline, block, inline-block
너비와 높이가 내부 컨텐츠 크기만큼 설정된다.width, height의 크기를 지정할 수 없다.padding, margin으로 좌우에만 여백을 지정할 수 있다.여러개의 인라인 태그가 있을 경우, 수평으로 쌓인다.인라인 태그: span a button img 등등 한 줄
AJAX ⚙️
AJAX가 등장하기 전에는,웹 브라우저가 데이터를 요청하면 서버에 해당 정보를 “통째”로 보내주었었습니다.작은 영역의 일부 데이터만 변경되었을지라도, 서버는 변경된 데이터가 포함된 전체 정보를 다시 보내주었고, 브라우저는 당연히 그 통째의 데이터를 받아 웹페이지를 재로
[웹화면구현] 03.27_CH8_실습
!codepenMotoong/embed/xxaMMBV?default-tab=html%2Cresult이미지출처 - https://i.pinimg.com/originals/59/54/b4/5954b408c66525ad932faa693a647e3f.jpg

멋사 두 번째 과제
이번 과제는 동아리 활동 때 했던 네이버 회원가입 창 클론코딩에 이어서html과 js 파일을 연결하는 것이다! (그리고 활동 때 홀로 오류난 것을 고치는 것도...)

스파르타 코딩클럽 나만의 프로필 링크 페이지 만들기 (무료강의)
♥Welcome to my page!♥스파르타 코딩클럽 왕초보 앱개발 종합반 5주차가 끝이 나고 복습겸? 앱개발 강의가 시작 전 신청해 놨던 나만의 프로필 링크페이지 만들기를 실습해 보았다 스파르타 코딩클럽에 가입 후 강의를 찾아 보면 무료 강의들이 몇개 있는데 나는

🦁 멋사 2주차 학습
멋사 2주차 학습으로 네이버 회원가입 페이지의 코드를 참고한 클론 코딩을 진행했다. 먼저 과제 인증 사진! 클론 코딩은 기존에 있는 서비스를 복제하듯 다시 만들며 학습하는 개발 학습 방법론이다. Django와 API를 배운 후에 이 회원가입 창을 응용할 수 있을듯해

HTML 요소
프론트엔드 개발을 하면서 쉬우면서도 어려웠던 HTML!🤣🤣 HTML과 CSS로 레이아웃 작업을 할때 시맨틱 태그를 어떻게 쓰는것이 좋을지 고민을 많이했다. 그럴 때마다 HTML 헷갈린다.. 라는 생각을 자주하게 되었습니다. 시맨틱이 뭘까? 시맨틱(Seman
Sekkison Frontend UI -13 # 유저 검색
로그인과 회원가입 페이지에서는 필요 없었지만, 이제부터 구현할 페이지들에는 네비게이션의 역할과 편의성을 보장해 줄 헤더와 푸터가 필요하다.기획 단계에서와 같이, 헤더에는 로고, 친구목록, 쪽지함, 알림, 내정보에 해당하는 버튼을 만들 것이고, 푸터에는 홈, 내 약속,
Sekkison Frontend UI -12 # 회원가입
이제 회원가입을 만들어 볼 차례이다.회원가입의 유효성 검사는 백엔드에서도 처리하였지만, 프론트에서도 동일하게 처리하였다. 그리고 unique하게 db에 저장되는 전화번호를 통해 인증할 수 있게 만들었다.회원가입 UI는 다음과 같이 구성하였다.만약 유효성 검사와 중복검사
HTML Container : Section, Div, Article 태그
https://velog.io/@kkojae91/section-article-div-%EC%9A%A9%EB%8F%84%EC%97%90-%EB%A7%9E%EA%B2%8C-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0
Sekkison Frontend UI -11 # 로그인
우리가 진행하는 sekkison 프로젝트는 모바일을 위주로 만드는 프로젝트이다. 그리고 우리 팀은 프론트엔드 개발자가 아니라 백엔드 개발자들만 모여 있기에 모바일 로그인 탬플릿을 사용하여 만들었다.프론트엔드를 깊게 배우지 않아 조잡해 보일 수 있지만 최대한 잘 보이게
Sekkison Frontend UI-10 # Project Setting
앞서 sekkison프로젝트를 진행하면서 Rest API 방식으로 데이터를 받을 url 설정을 끝냈다. 이후 프로젝트의 프론트 구성과 그 과정에 대해 보여줄 것이다.먼저, 백엔드 서버와 프론트 서버를 나누어 프론트 쪽에서 api를 호출하는 방식으로 구성할 것이기 때문에