코린이의 로그인 페이지 만들기 (1)
게시글 주소: https://orbi.kr/00065770524
안녕하세요 뱁새입니다 (۶•<•)۶❗️
오늘부터 저의 코딩 공부 과정을 남기기 위해
게시글을 작성해볼 예정입니다
그럼 시작해볼까요?
1st. html로 로그인 페이지의 뼈대 만들기
로그인 페이지의 뼈대입니다
여기서 아이디와 비밀번호 입력칸에 placeholder 속성을 사용해 아무것도 입력을 하지 않는 상태에서는
"아이디", "비밀번호" 라는 문구가 뜨도록 하였습니다
또한 저는 css와 js를 분리하여 사용하므로 이 아이들이 html과 연결되도록 하기 위해서
<link rel="stylesheet" href="login.css"> 그리고 <sc/2 src="login.js"></sc/2> 를 작성해주었습니다
2nd. css로 로그인 페이지 꾸미기
html이 뼈대를 담당했다면 css는 꾸미기를 담당합니다
여기서 로그인 페이지 전체에 적용해줄 글꼴을 삽입하고
각각에 적용할 내용들을 입력해주었습니다
사실 저는 꾸미기 감각이 없어서 구글을 서치해 제 마음에 드는 것으로 코드를 긁어와 약간씩 변형하였습니다
페이지 완성
굿
다음 글에서는 로그인 페이지에 자바스크립트를 활용해 간단한 로그인 기능을 구현하는 과정을 업로드해보겠습니다
코린이 파이팅
0 XDK (+0)
유익한 글을 읽었다면 작성자에게 XDK를 선물하세요.
-
흐흐
-
이준석, 국회의원 첫 월급 공개…“세후 992만 2000원” 2
[헤럴드경제=민성기 기자] 이준석(경기 화성동탄) 개혁신당 의원이 자신의 첫...
-
첨에 여사건으로 풀려했는데 6문자 배열 - (a,b 이웃) 6! - (5!*2!)...
-
수업관해서 여쭤보고싶습니다
-
현재 KBS랑 앱스키마 병행중인데 피지컬 부족한거 같아서 따로 풀려는데 뭐가...
-
평백 85 0
기균(수급자)으로 어디 라인 가능한 지 궁금합니당
-
펜잡는 부위에 딱 타눈생겼는데..이거 수술해야하나유 ㅜㅜ수술하면 며칠동안...
-
재수생인데 수시 원서 쓰려고 합니다. 원서접수 통합 회원 가입만 하면 되는건가요?...
-
대북요원들 정보, 북한에 넘어갔다...귀국시키고 활동 금지령 0
첩보전 일선에 있는 軍 정보사 요원 급거 귀국, 대외활동 금지 “군무원 노트북 통해...
-
[올림픽] '센강 개회식 기수' 김서영·우상혁 "특별한 추억" 1
(파리=연합뉴스) 하남직 기자 = 김서영(경북도청)과 우상혁(용인시청)이 사상...
-
여캐일러 투척. 7
수능 만점 기원 13일차 내가 신검 1급이라니... 허허
-
[올림픽] 한국을 북한으로 소개…북한만 두 번 입장한 '황당 개회식'(종합) 3
장내 아나운서, 한국 입장시 프랑스어·영어 모두 북한으로 호명…북한은 정상 소개...
-
매주 주 1회씩 풀려고 하는데 제가 실전 연습이 좀 덜돼가지고 ... 그런 유사...
-
중간2 ㅇㅇ
-
탐구 한과목? 전체 과목중 한과목? 빼서 지원할 수 있는 대학 있지 않나요? 타
-
생윤은 현자의돌 기시감 풀건데 사문은 뭐가 좋나요
-
죽으러 감 ㅃㅃ
-
삼수생들 꼭 붙었으면........ 친구가 사관 가서 동기들이랑 찍은 사진 보니까...
-
"우리 아이 의대 보낼래요" 초등 의대반 대비 '유치반'까지 9
아이를 의대에 보내기 위해서 어릴 때부터 준비시키는 집이 늘고 있습니다. 그렇다...
-
...
-
절대 못쳐서 이러는거 아님,,,,
-
킬캠 지인선모 0
둘중에 머거 더 어렵나요??동생이 물어보길래 궁금해서..지인선 모의고사를 안풀어봤네용
-
아니 애초에 근데 독서 다 맞고 문학 한 두개 틀리는거면 백분위 98찍히는 거 아닌가 4
아까 올린대로 25분컷 잡고 3~5개 내주고 독서 인문지문제외하고 한 1개정도...
-
현장감 ㅅㅌㅊ임 ㅋㅋ
-
미적정규반 신청하려는데 혹시 지금 한달에 수강료 16이랑 교재비 대략 얼마정도...
-
얼버기 0
ㅇㅇ
-
조용하네...
-
ㅈㄱㄴ
-
종부세폐지<< 극찬성 혐북 혐중 극친일 극친미 여성징병제찬성 평화통일극구반대<<...
-
얼버기 2
재취침
-
사관학교 시험 3
준비 갈 완료!
-
고딩때 맨날 쉬는시간에 증명하고 있고 전공독서 이런 시간 있었는데 대학 수학 전공책...
-
국어 문학 1
고전소설에서 매번 두개 이상씩 틀리는데 연계공부하면 해결될 문젠가요…??? 아님 기출양치기??
-
얼버기 6
민나 오하요
-
ㅈㄱㄴ
-
어떤게 들어있어요?
-
혹시미성년자세요? 혹시미성년자세요?
-
군수할려고 하는데 미처 준비를 못해가지고 그냥 육군 징집 박았거든요 그런데 군수...
-
사귄다vs헤어진다
-
먹어두됨?
-
저도 치러 가요 ~~~
-
기상! 1
두각 실모반에 가보자꾸나
-
강기분 끝냈는데 0
보충 지문을 그 때마다 버거워서 끝내고 하기로 하고 냅뒀거든요 이번에 새기분...
-
하이하이 0
다들 안녕히 주무셨나요 오늘 하루도 파이팅
-
수시 재수 0
현 고3 1학기까지 끝났구 전체 내신 4.9~5.0 나왔습니다.. 수시 재수...
-
잠이 안와요.. 3
요즘 슬럼프여서 머릿속에서 맨날 최저 못맞추는거나 입시 6광탈 시뮬레이션 돌리고...
-
얼버기 3
-
평소보다 두시간 일찍 자러감
-
뒤를 하면 앞을 까먹고 앞을 하면 뒤를 까먹고 요즘 기억력이 좀 안좋아진것 같긴...
캬
와캬퍄
치대생이 왜코딩?
![](https://s3.orbi.kr/data/emoticons/orcon/002.png)
치대 커뮤니티 만드신다네여~왜냐면 저는 재학 중이 아니니가요..
아 뭔가 대가리박아야할 것같네요
정체가 뭔가요 ㄷㄷ
저는 그저 젤리 먹기를 조와하는 백수새임니다
회원 인증 과정은 토큰 방식으로 구현하실 생각?
아마 그럴 것 같아요 하지만 제가 공부를 해본 지 얼마 되지 않아서 조금 더 공부를 해본 뒤에 적용시켜볼 예정입니다
저도 텔레그램 기반 서비스 하나 운영하던거 웹으로 프론트엔드 싹 갈아엎으려고 하고 있는데 고려할게 한둘이 아니라 머리가 아프네요.
하여튼 화이팅입니다.
수상할 정도로 프로그래밍에 진심인 의머생 ㄷㄷ
이륙...해야겠지?
![](https://s3.orbi.kr/data/emoticons/2020_foolsday/oribi/006.gif)
이륙.. 오히려 조아..이륙명령 ㄷㄷ
메이플 뱁새서버 만들때까지 숨 참는다
흐읍
헉 사설 서버 제작으로 잡혀가면 곤란한대
넥슨에 내친김에 취직하셔서 공식 서버를 만드시죠
넥슨 메이플 부서라니.. 상상만해도 행복하네양 그러려면 더 열씨미 공부를..
헉 거물 분들이 보잘 것 없는 코린이의 게시글에 관심을 가져주시다니 부끄러워요
![](https://s3.orbi.kr/data/emoticons/rabong/020.png)
똘똘하구 다재다능하신 뱁새님 곹!![](https://s3.orbi.kr/data/emoticons/dangi_animated/009.gif)
라이츄쟝 칭찬 넘모 고마워요![](https://s3.orbi.kr/data/emoticons/dangi_animated/026.gif)
코린이는 환영![](https://s3.orbi.kr/data/emoticons/oribi_animated/015.gif)
사실 제일 어려운건 디자인이지 않나 싶네요![](https://s3.orbi.kr/data/emoticons/oribi_animated/030.gif)
흑흑 잠시 깔짝거려본 저도 심히 공감합니다..JS 아시면 생짜 html 코딩보다 React 같은게 더 편하지 않나요? 저도 예전에 동아리 사이트 만들 때 React로 짰는데..
![](https://s3.orbi.kr/data/emoticons/dangi_animated/009.gif)
앗 아직 js 기초 함수까지만 책을 봐서 잘 몰랐는데 React를 사용하면 편하게 작성할 수 있군요 관련 자료 찾아보고 후에 다음 사이트를 만들 때에 이용해서 짜보겠습니다! 알려주셔서 감사해요![](https://s3.orbi.kr/data/emoticons/dangi/034.png)
뱁새 짹잭짹짹 (۶•<•)۶❗️
![](https://s3.orbi.kr/data/emoticons/rabong/011.png)
뱁새으 코딩파티흐흐 넘모 재밌어양
![](https://s3.orbi.kr/data/emoticons/dove/018.png)
이대로 오르비 개발팀까지헉 여기서 소환술을..
옛날에 FTP로 로그인 서버 구현했었는데 ㅋㅋㅋ ㅂㅅ시절 ㅋㅋㅋㅋ
헉 ftp.. goat..
뱁린이
코딩 뱁새 코뱁.
독수리 타법으로 열심히 입력 중..
캬
이궈궈든~
치대 재학중이 아니신거면 설컴이심?ㄸㄷ
아니욥 사연이 꽤나 길어서 풀기는 좀 그렇고.. 일단 말씀 드릴 수 있는 건 저는 아무 곳에도 소속되어 있지 않은 백수임니다
아하 그렇군요 댓글 감사합니다!
코??린??이
공부를 한 지 이제 1주 좀 넘은..
코딩 입문은 어떻게 해야할까요
저는 내일배움카드를 발급 받을 수 있어서 카드를 발급 받고 국비 지원이 되는 강의를 듣는 것으로 스타트를 끊었고 지금은 공부가 좀 더 필요한 것 같아서 도서관에서 관련 서적을 빌려와 보면서 제 나름대로 실습 중입니다 선생님도 혹여나 저처럼 카드 발급 대상자시라면 국비 교육 들어보는 것으로 스타트 끊는 것 나쁘지 않다고 생각해요
뱁새새님 멋져용
고마워양
html을 코딩이라고 하면 어디 가서 혼쭐남ㅋㅋㅋ
아 ㅋㅋ 그쵸그쵸
마끼야아ㅏㅏ악
![](https://s3.orbi.kr/data/emoticons/2020_foolsday/oribi/008.gif)
앜ㅋㅋㄱㄱㄱㅋㄱ코린이라고 해서 비트코인 알려줄 줄 알고 들어온 옯붕이면 개추 ㅋㅋㅋ
![](https://s3.orbi.kr/data/emoticons/oribi_animated/030.gif)
엇.. 아ㅏㅏ아 비트코인..언젠간 배워보고 싶다
바로 팔로우
![](https://s3.orbi.kr/data/emoticons/dangi_animated/009.gif)
뱁gpt 폼 무쳤다치대한테도 코딩시키네 요즘은
JAVA, SPRING 일동은 글쓴이의 입문을 환영합니다.
![](https://s3.orbi.kr/data/emoticons/oribi_animated/016.gif)
코린이 라길래 코인 하는줄.. 힝프레임워크 뭐쓰시나여