AJAX란? AJAX - Asynchronous JavaScript and XML의 약자로 JavaScript와 XML을 이용한 비동기적 정보 교환 기법이다. - 새로고침 없이 서버에게 GET을 요청하는 JS 코드 - 접은 글에 XML 문서를 보면서 간단하게 적어보았다. 필요하거나 궁금한 사람만 읽어보자 더보기 XML - eXtensible Markup Language W3C에서 개발한 다목적 마크업 언어 ( 문서나 데이터의 구조를 명세하는 언어 ) XML 기본 개념 구조적인 데이터를 위한 것 거의 HTML처럼 보인다 텍스트이며, 읽히는 것만을 뜻하지 않는다 크기가 커진다 기술의 집합 새로운 기술이 아닌 발전한 기술 HTML에서 XHTML로 발전 XML 모듈식 RDF / 시맨틱 웹의 기초 라이선스의 제약..

부트스트랩 / 폰트 적용 부트스트랩과 폰트 적용에 대해 기록을 하고자 한다. 부트스트랩 우리가 웹 사이트를 만들 때 HTML로 해당 사이트의 골조를 만들었다면 css는 해당 사이트를 꾸미는 역할을 한다. 이때 프론트 개발자가 아니면 css에 사용에 거리감을 느끼는 경우가 있는데 바로 내 경우가 그런 경우였다. 그러던 와중에 발견했던 사이트가 바로 부트 스트랩이다. 부트스트랩은 웹 사이트를 쉽게 만들 수 있게 도와주는 css / js 프레임워크이다. Bootstrap · The most popular HTML, CSS, and JS library in the world. (getbootstrap.com) Bootstrap Powerful, extensible, and feature-packed fronte..

디자인 패턴 건축학 or 컴퓨터 과학에서 사용되는 용어, 설계 문제에 대한 해답을 문서화하기 위해 고안된 방식이다. 이 중에서 공부하면서 정리할 부분은 바로 소프트웨어 개발에서 말하는 디자인 패턴을 공부하고 기록할 예정이다 https://terms.naver.com/entry.naver?docId=3532958&cid=58528&categoryId=58528 Gof 디자인 패턴 대부분 그렇지만 소프트웨어를 설계할 때도 경험만큼 확실한 것은 없다. 그러나 모든 사람이 숙련된 설계 경험자일 수는 없다. 그렇다면 경험이 적은 사람들이 설계를 잘할 수 있는 방법은 없을 terms.naver.com 디자인 패턴 위키 - 소프트웨어 디자인 패턴 - 위키백과, 우리 모두의 백과사전 (wikipedia.org) 소프트..

의사코드(pseudo - code) 특정 프로그래밍 언어의 문법에 따라 쓰인 것이 아닌 일반적인 언어(자연어)를 프로그래밍 언어처럼 흉내 내서 작성한 코드 자연어 + 프로그램 언어의 조합 컴퓨터로는 실행이 불가 자연어로 쓰여졌기에 사람들이 이해하기 쉬움 모델을 간단한 모델링을 할 때 사용 프로그래밍 언어의 정확한 문법을 따를 필요 없음 # 의사코드 예시 OTT 서비스에서 볼 영상 찾기 보고싶은 장르가 있는가 - yes / no if no, OTT 종료 end if yes, 해당 장르의 평점이 4점 이상인가 - yes / no if no, 다른 장르 탐색 if yes, 흥미가 가는 영상이 있는가 - yes / no if no, 다른 영상 탐색 if yes, 해당 영상을 재생 및 시청 순서도 작업의 흐름 및..

최근 크롤링을 공부하던 중에 with 구문이 자주 보여서 정리를 하려 한다. with이란? 파일을 통한 작업을 진행할 때 파일을 한번 열었으면 이제 작업을 하고 나서는 열었던 파일을 저장하고 닫아(close) 줘야 한다. close가 되지 않는다면 해당 파일은 계속 열려있는 상태로 다른 프로그램에서는 접근이 불가능하다. 이런 상황을 막기 위해 close를 잊지말고 사용해야한다. 다만 우리가 코드를 작성하고 코드를 진행하며 오류가 생기거나 우리가 close의 작성을 빼먹는 경우도 존재한다. 이런 경우를 막기위해 사용하는 것이 with 구문이다. - with 구문은 해당 구문이 실행이 되었을 때 오류의 유무에 상관없이 마지막에 close를 해준다. 구문의 형태 with as : 실행1 실행2 with의 ex..

HTML 기본 태그 HTML의 학습을 진행하면서 알게 된 기본 태그들을 정리하려고 합니다. 이번에는 Head / Paragraph의 정리입니다. Heading Heading 태그는 h# 태그라고도 하며 #의 자리에 1 ~ 6까지의 숫자가 들어가면서 진행이 됩니다. heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 해당 경우를 보면 heading의 경우 번호가 낮아질수록 글자의 크기가 커지고 더 굵어진다는 것을 알 수 있다. Paragraph Paragraph의 약자이며, 문단을 설명하는 태그입니다.문단을 표현하는 태그에는 태그와 태그가 존재합니다. 문단을 표현하는 태그 enter / space / tab의 경우를 하나의 공백으로 취급 자동 줄 바꿈..