본문 바로가기

Sparta x 이노베이션 캠프/Computer Science

 (4)
TIL: 프로그래밍, 컴파일러와 인터프리터 프로그래밍이란? 프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 해결해야 할 문제(요구사항)를 명확히 이해한 후에 적절한 문제 해결방안을 정의할 필요가 있다. 0과 1 밖에 알지 못하는 기계가 실행할 수 있을 정도로 정확하고 상세하게 요구를 설명하는 작업이며, 그 결과물이 바로 코드이다. 컴파일러, 인터프리터? 컴파일러란 특정 프로그래밍 언어로 씌여진 프로그램 을 다른 프로그래밍 언어로 옮기는 언어 번역 프로그램을 말한다. 컴파일러는 고급 프로그래밍 언어를 실행 프로그램으로 만들기 위해서 저급 프로그래밍 언어로 바꾸는데 사용된다. 원래문서 (소스코드 혹은 원시코드) => 출력된 문서 (목적코드) 인터프리터란 프로그래밍 언어의 소스코드를 바로 실행하는 컴퓨터 프로그램 또는 환경을 말한다...
TIL: HTTP HTTP (Hypertext Transfer Protocol)는 클라이언트-서버 간 통신을 가능하게 하도록 설계되었다. HTTP는 클라이언트와 서버 간의 요청-응답 프로토콜로 작동한다. 예: 클라이언트(브라우저)가 서버에 HTTP 요청을 보낸다. 그런 다음 서버는 클라이언트에 응답을 반환한다. 응답에는 요청에 대한 상태 정보가 포함되며 요청된 콘텐츠도 포함될 수 있다. HTTP 메소드 GET POST PUT HEAD DELETE PATCH OPTIONS CONNECT TRACE 가장 일반적인 메소드는 GET, POST이다. GET GET은 지정된 리소스에서 데이터를 요청하는 데 사용된다. 쿼리 문자열(이름/값 쌍)은 GET 요청의 URL로 전송된다. /test/demo_form.php?name1=valu..
TIL: 브라우저의 렌더링 원리 홈페이지가 사용자에게 보여지는 순서 1. 주소창에 입력된 주소를 통해 서버를 찾아간다. 2. 입력한 주소의 정확한 주소를 DNS서버에서 ip주소로 변환하여 실제 서버를 찾는다. 3. 서버에서 HTML파일을 클라이언트로 보낸다. 4. HTML 문서는 파싱되어 DOM을 생성한다.(객체 형식) 5. 중간에 css, js스크립트를 다운받는 태그를 만나면 DOM생성을 중지하고 해당 자원들을 다운로드 한다. 5. 이렇게 만들어진 DOM, CSSOM을 변경하는 경우 리렌더링을 하게 된다. 자바 스크립트가 DOM, CSSOM을 변경하는 경우 리렌더링을 하게 된다. 리플로우 : 레이아웃 계산을 다시 하는 것 (Geko엔진에서 DOM 배치 단계) 리페인트 : 재결합된 렌더트리를 기반으로 다시 그림 그리는 것 script ..
TIL) React : DOM, 서버리스 DOM이란? Document Object Model의 줄임말로서, 문서 객체 모델이다. 즉, HTML문서를 객체화 한 것이다. 이 객체는 프로그래밍 언어가 DOM구조에 접근할 수 있는 방법을 제공하여, 문서구조나 스타일, 내용 등을 변경 할 수 있게 해준다. DOM은 nodes, objects로 문서를 표현하는데 DOM의 객체지향 표현이며, 이는 Javascript와 같은 스크립트 언어로 접근이 가능하다. DOM을 수정하는데 사용되는 property, method, event는 모두 objects로 표현이된다. DOM이 있기 때문에, javascript가 웹페이지 or XML에 관련된 정보를 가질 수 있다. 또한 DOM은 프로그래밍 언어와 독립적으로 디자인 되어, javascript뿐만 아니라 pytho..
반응형

티스토리툴바