코린이의 로그인 페이지 만들기 (1)
게시글 주소: https://iu.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를 선물하세요.
-
하고싶은 공부가 있어서 다른과 쓰고싶은데 취업 생각하니 경영 노리는게 맞는것...
-
샤워 한 번 하기도 존나 귀찮은데 하루에 샤워 두 번 어케 하는 거임? 종종 이틀에...
-
병력 자원 부족, 예비군으로 메운다?…"최대 180일 소집 훈련 방안도" 8
[앵커] 저출생의 여파로 군에 입대할 20살 남성 숫자가 지금도 부족한데, 20년...
-
적당히 고정1만 나왔던 이유가 (물1포함) 내가 씹덕이 아니어서였나
-
이번에 바이든은 어떤 병크를 터뜨릴까
-
토론 보는중인데 5
결심했다
-
54355 7
올해안에 뱃지있는대학 갈 수 있나요?
-
물이 많아서 좋음
-
뭐지 했는데 보호필름이 사라졌는데? 아니 뭐임 진짜?
-
풀다가 너무 화나서 찢을까 고민함
-
내일 먹을거임.
-
아
-
헤으으응읏 1
가계도 너무 재밋어... 뇌가 가계도로 가득차버려엇....♡ 푸는데 6분이 걸려도...
-
한두달 전까지만 해도 2000명 증원한다던 정부 물고빨고 의사들 의주빈이라 조롱하고...
-
지구과학은 얼마나 어려운거임...... 아무튼 외울거 많으니까 죽을맛이다 진짜 3성...
-
삼도극 없으니까 진짜 개빡세진거같다
-
국어 김동욱 김상훈 수학 독학중 영어 전홍철 탐구 운성훈 김종익
-
막 1~3 이렇게유….
-
국어 김승리 풀커리 수학 정병호 풀커리(현강) 영어 이영수 풀커리 생윤 사문 임정환...
-
안녕하세요 현재 고3 현역인데 서울대 식품영양 나오면 뭐하나요? 학교에서 상담했는데...
-
빨간색 파란색 주황색 등등 있었음
-
수학 26 28 29 30틀 한지 0개틀 세지 20개틀 미적 어카노.
-
왜 막혔지 이러면 좀 곤란한데
-
프로 5세대입니다. 검색해봐도 못 찾겠는데 오르비 어디서 뭐 어떻게 없앤다고 본 거...
-
N제 풀다가 실모 푸니깐 더 집중도 잘되는거 같은데
-
4규 시즌2 0
4규시즌 2 난이도 어떤가요? 할만한가요
-
광일아 미안해 0
너너너 넌 나 같은 좆밥이 깔 상대가 아아아 아니구나
-
50->43->63->70 이렇게 올라서 이번에 한문제차로 3등급 머리인데 7모...
-
내년에 7500명.. 가능함?
-
ㅈㄴ 더운 건 그 중에 진심으로 열심히 안 사는 애들이 있어서 그럼 근데 가끔...
-
어떻게들 하나요? 갑자기 궁금...
-
님들 몇시간씩 주무심 12
?? 몇 시쯤 자는지는 댓글로 ㄱ ㄱ
-
수시 관련해서 질문 있습니다. 특딱 한번만 도와주세요 8
수시전형에서 학생부 교과전형, 학생부종합전형이 있는걸로 알고 있습니다. 학생부...
-
7덮 정답 오류 5
17번은 뭐임 도대체? 3번이 아닌가요?
-
문닫고 마지막 추합으로 들어가서 기분이좋다 성적하나도 안남기고
-
7덮 미적 체제 2
27+3체제였나봄 1컷 88인데 92점이 백분위 99에 전국 등수 277ㅋㅋㅋㅋ...
-
학생 아버님이 계속 캠뒤에서 전화중이여서 "아버님.. ㅎ 전화는 수업끝나고 하셔도...
-
양심 X
-
해당과목 만점자 0.1% 미만일경우 만점자 0등급 주는거 어떰 최저 등등 전부활용ㄱㄴ
-
이거 답 뭐징 5
작년엔 쉽게 플었는데 맨날 노니까 이제 하나도 모르겠음
-
불안의 반대말 7
불밖 물안
-
학종 수시 7
주요과목 2.4 전체 3.1정도 수학이 1.4 정도 되는 문관데 세특 3줄적힌과목...
-
물 마시면 됨 ㅇㅇ
-
흠
-
해설이 필수라고 생각하시나요? 투표 좀 지면 해설이 나을까요 아니면 줄글 해설이 나을까요
-
애들이절때현역정시로는성공못한다고.. 사실 그거의 반례가 내가 되면 참 좋겠지만...
-
이번달까지 뉴런1,2회독 다끝내아돼서 거의 2주동안 5강 듣고 추가로 전체 1번씩...
-
지구과학 오지훈 선생님 MAGIC 개념완성만 하고있는데하루 10시간씩하면 몇일안에...
-
혀 엏얼
캬
와캬퍄
치대생이 왜코딩?
![](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)
코린이 라길래 코인 하는줄.. 힝프레임워크 뭐쓰시나여