본문 바로가기

전체 글

[TIL-104] 위코드 3일차: JS replit 1~7 / HTML&CSS wrap-up Javascript 약속어 개념 console.log()나 alert()처럼 자바스크립트에 기본적으로 존재하는 함수가 있다. 이런 함수를 정의하는 데 쓰인 단어는 약속되어있다고 하여, 약속어라고 한다. 이미 존재하기 때문에 console이나 alert라는 이름로는 새로운 함수를 만들 수 없다. 매개변수와 인자 개념 함수를 선언할 때 함수 이름 옆 () 안에 매개변수(parameter)를 써두면 함수를 실행할 때 그 자리를 통해 외부의 값을 받아올 수 있다. 이로써 외부의 값을 매개변수로 저장하여 함수 안에서 다른 변수와 같은 방식으로 사용하여 코드를 작성할 수 있다. 그리고 함수가 실행될 때 () 안에 실제로 들어오는 값, 즉 외부에서 받아온 이 값을 인자(argument)라고 부른다. parameter.. 더보기
[TIL-103] 위코드 2일차: HTML&CSS replit 14~24 HTML table 개념 html 코드를 작성하여 표를 그리고 싶을 때 사용하는 태그이다. 은 , , 와 함께 사용한다. 사용법 Dog Cat 종 Canine Feline 짖는소리 Bark Meow Immature Puppy Kitten ↓ HTML 삽입 미리보기할 수 없는 소스 태그 안에 table row를 뜻하는 을 사용해 행을 만들고, 그 안에 table data를 뜻하는 를 사용해 각각의 셀을 완성하면 된다. 테이블 열의 제목을 쓸 행은 안에 table heading을 뜻하는 를 사용하면 된다. 서식도 자동으로 가운데 정렬과 굵게가 적용된다. 테이블 행의 제목을 쓰고 싶을 땐, 같은 를 사용하되 마찬가지로 을 사용해 행 단위로 표를 작성하면서 첫번째 셀 위치에(첫번째 data 앞) 입력하면 된다... 더보기
[TIL-102] 위코드 1일차: HTML&CSS replit 1~13 HTML blockquote 개념 처음 보는 태그인데, 인용구문을 넣는 태그라고 한다. 인용구문이라는 특수한 기능을 하는 태그라서 그런지 브라우저가 자동으로 양쪽 여백을 넣어준다. alt 개념 img 태그에서 이미지 주소에 오류가 있어서 뜨지 않을 때 보여줄 텍스트를 입력하는 속성이다. CSS indent 개념 텍스트를 문단 시작 위치에서 원하는 만큼 들여쓰고 싶을 때 쓸 수 있는 "들여쓰기" 기능이 있음을 알게 되었다. 이전에는 띄어쓰기(space 공백)을 여러 번 입력해봤지만 적용되지 않았다. html의 태그 내에서는 스페이스로 공백 추가하기(들여쓰기 등)는 물론, 엔터로 줄바꿈도 할 수 없는 것 같다. 하지만 문단 시작 시 얼마간 공백을 주기 위해서는 text-indent라는 들여쓰기 속성을 이용하.. 더보기
[TIL-101] 생활코딩 WEB2-Home server 6~10 / 스파르타코딩클럽 코딩 용어 해설 6. Port Forwarding 필요성 컴퓨터에 웹서버 설치하면 다른 사람들한테 지역 네트워크 안의 사설 IP를 알려줘서는 접속하게 할 수 없음. 그래서 공유기의 공인 IP로 접속했을 때 해당 컴퓨터에 접속되게 해야함. 포트 이용하자 라우터로 들어온 포트 번호에 따라 내부 네트워크의 특정 컴퓨터의 포트로 요청할 수 있음. 공유기의 공인 IP에 8081 포트로 접속 들어오면, 내부 네트워크의 192.198.0.4 컴퓨터에 80 포트로 보내기로 설정함. 라우터가 안내자 역할 하는 것. 포트 포워드 설정 : 내부 IP주소와 외부 포트(예. 8081), 내부 포트(예. 80) 입력 7. Dynamic & Static IP 주소 유동 IP(Dynamic IP Address) : 부족한 IP 효율적으로 사용하기 .. 더보기
[TIL-100] 생활코딩 WEB2-Home server 5 / 스파르타코딩클럽 코딩 용어 해설 5. Port 서버 컴퓨터로 외부에서 지역 네트워크에 접속해서 공유기에 연결된 한 클라이언트 컴퓨터에 도달하려면? 공용 IP로 접속해봤자 해당 공유기에 연결된 어떤 컴퓨터로 가야할지 모름. 접속이 들어왔을 때 누가 서버에 응답하게 할지 공유기가 교환/연결해줌. 포트 항구에 정박한 배들은 각자 번호를 갖고 있고, 그에 해당하는 포트에 정박함. 하나의 컴퓨터에 여러 개의 서버가 있을 수 있음. 특정 컴퓨터에 접속 시, 여러 서버들 중 어떤 서버와 상호작용할지 식별하는 방법이 포트 번호를 사용하는 것. 포트 번호 : 0부터 65535까지 있음. 80번은 http : hyper text transfer protocol. 웹페이지 주고 받을 때 사용하는 통신규약. 웹은 http 사용하는 통신시스템. 컴퓨터에 웹서.. 더보기
[TIL-99] 생활코딩 WEB2-Home server 1~4 1. 수업 소개 목표 : 공유기 사용 환경에서 웹서버 구동 방법. 공유기에 연결된 컴퓨터에 불특정 다수가 접속할 수 있게 함. 공유기에 연결된 컴퓨터를 웹서버로 이용하는 방법. 클라이언트에서 서버가 되는 것. IP 주소와 공유기 IP 주소 등장 인터넷 위에 있는 컴퓨터 간에 통신하기 위해 IP 주소(전화번호 같은 것) 필요. 과거에 IPv4라는 통신규칙이 만들어졌고, 42억개의 주소 만들 수 있었음. 문제 : 근데 인터넷 연결 컴퓨터가 크게 증가하자, 주소 부족해서 새로운 가입자 받을 수 없게 됨. 해결책 : 주소의 형식을 새롭게 바꿈. IPv6. 주소가 2823양....? 개나 가능해짐. 공유기 등장 하지만 주소 바꾸기 힘들어서 IPv4 아껴씀. 그러기 위해 공유기를 통해 같은 IP 주소를 여러 대의 .. 더보기
[TIL-98,102] 노마드코더 유튜브 클론코딩 #7.16~#7.18 보호되어 있는 글입니다. 더보기
[TIL-97~8] 노마드코더 유튜브 클론코딩 #7.9~#7.15 보호되어 있는 글입니다. 더보기

티스토리툴바