본문 바로가기

분류 전체보기123

간단한 로그인 페이지 만들기 그림과 같이 간단한 로그인 페이지를 만드는걸 첫 스타트로 배웠습니다. 딱 형태로 봤을때는 1. 로그인 페이지라는 제목 2. ID, PW가 들어갈수 있는 입력 창 3. 입력창에 입력이 끝나고나서 누를수 있는 로그인 버튼 이렇게 3가지로 나눠서 볼 수 있을 거 같습니다. 다음 코드를 보시게 되면 로그인페이지 이 부분은 저희가 웹페이지를 켰을때 제목 상태창에 나타나는 부분입니다. 예를 들어 네이버를 켜시게 되면 탭 창에 이런 형태를 많이 보실수 있습니다. 이게 title에 해당하는 부분이기도 합니다. 이 타이틀은 웹페이지를 봤을때 맨 위 즉, 머리 부분이기 때문에 부분에 들어가신 것을 보실수 있습니다. 참고로 html 파일에서 이런 형태를 자주 보시게 될텐데 이 부분은 열어주는 부분, 이 부분은 닫아주는 부분.. 2022. 8. 30.
웹페이지 배우기 앞서 어떤 형식일까? 코드의 형태를 보면 크게 3 묶음으로 나눌수 있습니다. 1. html 2. head 3. body 1. html 은 안에 내용물을 묶어주는 큰 틀이라고 생각하면 편합니다. 2. head 안에는 필요한 링크들을 연결하고, 제목, 함수(function), CSS들이 들어가는 자리입니다. 3. body 는 우리가 웹페이지를 볼때 보여주는 부분입니다. 위의 코드를 실행시키면 다음과 같은 모습이 나옵니다. 지금은 위의 코드가 이러한 방식으로 나타나는 구나 정도만 알아 두시면 좋을거 같습니다. 나중에 배우면서 그때그때 추가하는 형식으로 진행하겠습니다. 2022. 8. 30.
HTML, CSS, JavaScript이란? HTML : 구역과 텍스트를 나타내는 코드 (뼈대) CSS : 잡은 구역을 꾸며주는 코드 (꾸미기) JavaScript : 움직이는 부분을 묘사하는 코드 (움직이기) 이렇게 HTML, CSS, JavaScript이 합쳐지면 웹 서비스(웹 페이지)를 만들수가 있습니다. 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 받아서 -> 그려주는 것 입니다. 즉, 브라우저가 하는 일은 1) 요청을 보내고, 2) 받은 HTML파일을 보여주는 것이죠. 1) 이때 요청은 어디로 보내는가? -> 서버가 만들어 놓은 API 라는 라이브러리(창구)에 미리 정해진 약속대로 보내는 것입니다. 2) 받은 HTML 파일을 계속 새로고침 하면서 보여주는가? -> 모든 내용을 새로고침해서 보여주게되면 낭비이니 바뀌는 데이터.. 2022. 8. 30.

티스토리툴바