본문 바로가기

전체 글203

[HTML5] 입력 양식 태그와 구조화 태그 01 입력 양식 태그 입력 양식 - 사용자에게 정보를 입력받는 요소 입력 양식 개요 - 태그: 영역 생성 데이터 전달 방식 - 태그는 method 속성의 방식으로 action 속성 장소에 데이터 전달 - GET 방식: 주소에 데이터를 입력해서 전달 - POST 방식: 주소 변경 없이 비밀스럽게 데이터 전달 입력 양식 종류 [예제 1] 간단한 입력 양식 생성 라디오 버튼의 name 속성을 이용해 여러 대상 중 하나만 선택하는 형태 [예제 2] 선택 가능한 입력 양식 1. 한 항목만 선택하기: 태그 이용 목록으로 보여 주는 항목 중 하나 또는 여러 개를 선택할 때 사용 기본적으로 하나만 선택가능 , 태그를 함께 사용 2. 여러 항목 선택하기: 태그의 multiple 속성 사용 3. 선택 옵션 묶기: 태그 사.. 2022. 4. 26.
[HTML5] HTML5 기본 태그 요소는 HTML 페이지를 구성하는 각 부품이다. 태그는 요소를 만들 때 사용하는 작성 방법이다. 스타일 시트는 마크업 언어가 표시되는 방법을 기술하는 언어로 HTML 페이지의 스타일을 지정할 때 사용한다. HTML 요소의 태그, 속성, 속성값 구분하여 작성!! 태그: img 속성: title, alt, src 속성값: 바다, sea, sea.png HTML5 기본 페이지 형태 작성 01 글자 태그 1. 제목과 본문 글자 태그 - 문서의 제목을 표현할 때 사용 - h는 heading을 의미 제목 태그는 h1~h6까지 존재하며, 숫자가 작을 수록 크게 출력된다. - p는 paragraph의 약자 태그는 본문 문단을 구분하며, 글의 단락을 나타낸다. - br는 break의 약자 태그는 줄 바꿈을 생성한다. -.. 2022. 4. 16.
[HTML5] 웹 페이지 기본 구조 HTML5 기본 용어 태그와 요소 - 요소: HTML 페이지를 구성하는 각 부품(제목, 본문, 이미지 등) - 태그: 요소를 만들 때 사용하는 작성 방법 내에 태그의 이름이 작성되며 내용의 앞, 뒤를 시작 태그와 종료 태그로 감싼다. 시작 태그: , 종료 태그: * 태그 중첩 : 태그 안에 또 다른 태그를 선언할 수 있다. 속성 - 속성: 태그에 추가 정보를 부여할 때 사용하는 것 태그에 추가적인 정보나 제어를 설정하고, 태그의 이름 뒤에 속성 이름 ="속성값"으로 표현한다. 자식 태그는 부모 태그를 벗어나서 사용될 수 없다. 주석 - 주석: 코드 설명 기록(프로그램의 실행에 영향을 미치지 않음) 화면에 실제로 노출되지 않고, 개발자가 메모하는 용도로 사용된다. 내에 내용을 작성하며 여러 줄로 작성할 수.. 2022. 4. 16.
[HTML5] 웹 개요 인터넷과 웹 시작 인터넷 vs 웹 - 인터넷은 전 세계를 연결하는 국제 정보 통신망으로, 컴퓨터나 스마트폰 같은 디지털 기기로 연결되어 사람들이 정보를 공유할 수 있는 공간 - 웹은 인터넷 공간에서 제공하는 서비스 즉, 인터넷과 웹은 같은 개념이 아니다. Not Equal! 인터넷의 시작 - 미국의 신기술을 연구하는 ARPA에서 현재 웹의 모태가 되는 아파넷(ARPANET)을 1969년에 개발 팀 버너스 리 - 최초의 웹 개발자 - W3CWorld Wide Web Consortium 창설 * W3C: HTML 표준을 비롯한 웹 표준안을 제작, 제안하는 일을 하는 국제적인 웹 표준화 단체이다. -> HTML1~4까지 급격한 변동을 겪다가 현재 가장 많이 쓰이는 HTML5 버전이 되었다. 웹 브라우저 전쟁과.. 2022. 4. 16.
[알고리즘] 큐(Queue) 정리 & 문제 풀이(Python) 큐 : 자료구조 중 하나로, 먼저 넣은 데이터가 먼저 나오는 FIFO(First In First Out)구조이다. - 큐는 한쪽 끝에서는 삽입 연산만 이루어지며 다른 한쪽 끝에서는 삭제 연산만 이루어지는 유한 순서 리스트이다. - 구조상으로 큐가 스택과 다른 점은 스택에서는 삽입과 삭제가 같은 쪽에서 일어나지만 큐에서는 다른 쪽에서 일어난다. 큐의 연산 큐의 포인터 - front: 큐의 첫 번째 원소를 가리키는 포인터 - rear: 큐의 마지막 원소를 가리키는 포인터 - push(): 큐에 값을 넣는 연산 (Enqueue) rear 위치에 자료를 추가하고 rear를 1 증가시킴 - pop(): 큐에서 자료를 빼는 연산 (Dequeue) front 위치에 자료를 제거하고 front를 1 증가시킴 - fro.. 2022. 2. 7.
[알고리즘] 스택(Stack) 정리 & 문제 풀이(Python) 스택 : 자료구조 중 하나로, 먼한 쪽 끝에서만 자료를 넣고 뺄 수 있는 LIFO(Last In First Out) 구조이다. - 파이썬은 스택 자료구조를 제공하지 않는다. 기본 클래스인 list를 통해 스택을 흉내낼 수 있다. 스택의 연산 - push(item): item 하나를 스택의 가장 윗 부분에 추가한다. - pop(): 스택 가장 위에 있는 원소를 삭제하고 그 원소를 반환한다. - peek(): 스택 가장 위에 있는 원소를 반환한다. (삭제하지는 않는다.) - isEmpty(): 스택이 비어있다면 1, 아니면 0을 반환한다. 대표적인 문제 및 사용 - 웹 브라우저 방문기록(뒤로가기) - 실행 취소(undo) - 역순 문자열 만들기 - 수식의 괄호 검사(연산자 우선순위 표현을 위한 괄호검사) -.. 2022. 1. 31.
[운영체제] 메모리 구조 (재귀호출 vs 반복문) 재귀에서 탈출조건(적절하게 빠져나오는 구문?)이 없으면 스택오버플로우가 발생한다. why? 스택에서 뭔 문제가 있겠지!! 스택이 존재하는 메모리 구조를 더 이해해두기 위해 포스팅한다. 메모리 구조 https://blog.naver.com/zzaxowns/222611286857 (참고블로그! 여기 더 자세하게 설명되어있는듯한..) 프로그램이 운영체제로부터 할당받는 대표적인 메모리 공간은 다음과 같다. 코드(Code) 영역 실행할 프로그램의 코드가 저장되는 영역이다. 프로그램이 시작하고 끝날 때까지 메모리에 계속 남아 있는다. 컴파일된 기계어가 들어가게 된다. CPU는 코드 영역에 저장된 명령어를 하나씩 가져가서 처리한다. 데이터(Data) 영역 프로그램의 전역 변수와 정적 변수, 문자열 상수가 저장되는 영.. 2022. 1. 26.
[자바 공부 방향성 잡기...~!] 정말 태초의 "자바"라는 언어만 알고 유튜브 영상을 봤을 때 이게 뭐고 저게 뭔지 몰랐었는데 이제 spring, JPA 등등 그 단어들이 어떤건지 대충 어디서 쓰이는지 아니깐 재밌었다. 자바의 정석 자바의 정석 저자님이 직접 강의하신다..!! 이거 보면서 객체지향개념 다시 보는 중 https://www.youtube.com/playlist?list=PLW2UjW795-f6xWA2_MUhEVgPauhGl3xIp 자바의 정석 기초편(2020최신) 최고의 자바강좌를 무료로 들을 수 있습니다. 어떤 유료강좌보다도 낫습니다. www.youtube.com Head First Servlets&JSP (엄청 옛날 책이긴하다) 스프링4 프로그래밍 입문책 JPA 프로그래밍(김영한 저서) 자바웹개발워크북(엄진영 강사님) 코.. 2022. 1. 23.
[Project] API, REST, REST API 이해를 목적으로 한 포스팅 2..... ! 출처는 아래 링크이다. https://velog.io/@wkahd01/%ED%8C%80-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-1%EC%A3%BC%EC%B0%A8.-%EC%9A%A9%EC%96%B4-%EC%A0%95%EB%A6%AC-2 팀 프로젝트 1주차. (용어 정리 2) Representational State Transfer의 약자로, 엄격한 의미로 REST는 네트워크 아키텍처 원리의 모음이다. 여기서 '네트워크 아키텍처 원리'란 자원을 정의하고 자원에 대한 주소를 지정하는 방법 전반을 일 velog.io 1. API API는 애플리케이션 소프트웨어를 구축하고 통합하기 위한 정의 및 프로토콜 세트로, 애플리케이션 프로그래밍 인터페.. 2022. 1. 21.
[Project] 클라이언트와 서버 양 입장에서 로그인 과정 이해하기 이해를 목적으로 한 포스팅..... ! 출처는 아래 링크이다. 클라이언트와 서버 양 입장에서 로그인 과정 이해하기 (feat. session, JWT,소셜로그인) 로그인 기능을 구현하기 위해서 클라이언트와 서버는 각각 어떤 일을 해야할까요? velog.io 1. Session 방식 서버에서 사용자의 세션 데이터를 저장해서 로그인 기능을 구현하는 방법 - 프론트와 서버 각각의 역할 1. [프론트] 프론트 쪽에서 로그인 페이지에서 아이디, 비번을 서버로 POST함 a. [서버] 서버는 기존에 회원가입을 한 사람이면 서버에서 세션 아이디를 만들어줌 b. [서버] 세션 아이디를 담을 변수, DB 공간을 마련해 거기 저장 (세션 데이터라고 부름) c. [서버] 그걸 쿠키라는 것에 포션해서 고객 브라우저에 그 쿠키.. 2022. 1. 20.
[Project] JWT 팀프로젝트로 스터디 사이트를 만들어 보기로 했다. 아직 1인분도 못 하는 무지의 인간이지만(;-;) 이해라도 하기 위해 모르는 개념을 일단 정리하려고 한다. 먼저, 사이트를 이용하기 위한 로그인, 회원가입부터 구현을 시작했다. ID/Password 값을 받아서 데이터베이스와 비교하는 것이 아니라 JWT(Json Web Token)을 이용한다고 한다. (Json은 뭐고 JWT는 뭐죠....) JWT 1) Why JWT? HTTP 통신 JWT를 왜 사용하는가가 나와야하는데 갑자기 HTTP 통신이 등장했다. "로그인"이라는 과정은 서버와 클라이언트가 데이터를 주고 받는 통신 방법이 필요하다. 그 통신 방법이 HTTP라는 프로토콜(통신 방법)이다. HTTP는 아래와 같은 특성을 가진다. - connectionl.. 2022. 1. 20.
[알고리즘] 재귀함수(Recursive function) 정리 & 문제 풀이(Python) 재귀함수 : 함수 안에서 자신의 함수를 다시 호출하는 방식 - 재귀, 즉 자기호출은 어떤 문제를 해결하는 과정에서 자신과 똑같지만 크기가 다른 문제를 발견하고 이들의 관계를 파악함으로써 문제 해결에 접근하는 방식이다. 재귀함수의 장점 - 반복문을 대신해서 재귀함수로 사용하게 되면 보다 간결한 코드 작성이 가능해진다. 재귀함수의 단점 - 연산이 느리다.(많은 연산을 필요로 한다는 얘기) - 재귀함수의 단점으로 인해 현재 실무에서는 거의 사용하지 않는다고 함. - 재귀함수 단점 보안으로 동적프로그래밍 사용 def recursive(): print("재귀함수") recursive() recursive() # 함수 호출 재귀함수를 사용할 때 가장 중요하게 봐야하는 것은 "탈출조건"이다. 위 코드와 같이 탈출조건.. 2022. 1. 13.

티스토리툴바