form4 [220128] express 모듈로 서버 시작하기, 요청헤더, 응답헤더, form과 연결하기 목록 1. 헤더란? 2. 서버시작하기 3. 요청헤더 (express 모듈 : get, post) 4. 응답헤더 (express 모듈 : send, render) 5. form과 연결하기 1. 헤더란? : 긴 텍스트로 이루어진 요청헤더, 응답헤더 브라우저가 해당 서버에 대한 htto://localhost:3000을 입력하게되면 요청을 하게된다. '/' : 현재 연결되어있는 호스트. 아무것도 적어놓지 않았기때문에 기본(홈)주소를 뜻함 app.get('/',(req,res)=>{ res.send(`hello world`) } 요청을 하는 data(긴 텍스트 정보들)는 연결되어 있는 파일로 넘어오고, request가 get인 이 코드가 받게된다. 네트워크에 접속하고 개발자도구에 들어가면 다음과 같은 값을 볼 수.. 2022. 2. 3. [211231] clone_네이버 회원가입폼 / select, option, ::focus footer 정렬 맞춤 팝업메뉴 저 아래 화살표 표시는 어떻게 넣나 코드 보니까 아이콘이 아니었다. 심지어 ul, li도 아니었음. 목록은 option이었고, 화살표는 background로 들어가는 이미지였음. 홀리몰리. 다들 알았는가. background에도 position이 있음을. 나는 방금 알았다. 심지어 사이즈도 조절이 가능하다. #header > h1 > #logo{ display: block; margin: 0 auto; width: 240px; height: 44px; background-image: url('../img/logo_naver.png'); background-repeat: no-repeat; background-size:240px auto; background-position.. 2021. 12. 31. [211230] clone_네이버 회원가입폼 / absolute, relative 목적 1. 전체적인 구성을 짜는 능력을 기르기 2. 보기에 예쁜 여백 폼을 손에 익히기 막혔던 것 1. depth의 깊이 캡쳐하면 이렇게 뜨길래 전체 이미지 width:100%; 중간 이미지 width:460px; margin:auto;를 줌. 세부적인 요소들을 보려고하니까 뭔가 depth가 나랑 안 맞아서 계속 헤맴 //max-width 768 전체 //460 중간전체 //통 //100% id pw re-pw //id 네이버 코드를 보면 나보다 div로 한번 더 싸놓았다. 왜 굳이굳이 이렇게 빡빡하게 씌운거여.. 예전에 뭔가 있었다가 사라졌던가, 아니면 버젼이 올라가면 적당히 둘러싸도 괜찮은데 옛날 버젼 애들은 호로록 흘러서 그런가. 2. absolute랑 relative 다시 알아야겠구나.. 휴대전화.. 2021. 12. 30. [211229] url, uri, form table 복습 tr : 줄(행)부터 시작하는 테이블 td : 줄(행)을 기반으로 열(칸)을 붙여나가기 url, uri, queryString, 주소 읽기 작성한 html끼리는 a 태그를 이용해 연결이 가능하다. 이제는 연결을 해서 생성하는 주소에 신경쓸때가 되었다 URI와 URL의 차이점 uri Uniform Resource Identifier, 자원을 구분하고 접근하기 위해 사용하는 유일한 식별자 주요목적 : 리소스를 찾는것, html, xml 및 기타 파일에도 사용됨 예) :urn:isbn:0-342-34243-3 url Uniform Resource Locator (지원의 위치), 자원의 주소로 자원을 식별한다 주요목적 : 웹 페이지만 찾는데 사용 예) http://google/com url 구문.. 2021. 12. 29. 이전 1 다음
