본문 바로가기

Programming206

[JavaScript] 자바스크립트 기본 2 [JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 배분과 정렬을 유연하게 관리합니다. 이를 통해 반응형 디자 hong-study.tistory.com 함수(선언적 함수) 자바스크립트에서 함수는 1급 최상위 함수이다. 객체지향 프로그래밍 언어에서 메서드의 기능보다 훨씬 더 많은 기능을 담당한다. 선언적 함수 반환 유형은 적지 않으며 매개변수도 적지 않을 수 있다. 매개 변수는 데이터 타입을 적지 않는다. 리턴은 적어도 되며 적지 않아도 된다. 선언적 함수는 함수 선언 이전에 호출하여도 에러를 발생시키지 않는다. 익명 함수 익명 함수는 변수에 .. 2024. 3. 6.
[JavaScript] 자바스크립트 기본 [HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 배분과 정렬을 유연하게 관리합니다. 이를 통해 반응형 디자인 레이아웃이 쉬워 hong-study.tistory.com 자바스크립트 자바스크립트란 프로토타입 기반의 객체 지향 언어이다. 스크립트 언어의 특성 상 플랫폼에 독립적이며 모든 웹 브라우저에서 동일한 실행 결과를 얻을 수 있다. 프로그램 코드가 직접 html 문서에 삽입, 브라우저에서 html 파일을 읽을 때 같이 해석되고 실행된다. 클라이언트에서만 실행 ▶ 정보를 서버에 보낼 필요 없이 처리가 가능하다. Type Check 가 철저하기 않다. ▶ 즉, 변수들의 타입에 있어서.. 2024. 3. 6.
[HTML, CSS] CSS 문법 FLEX Flex 참고 사이트 CSS Flex 완벽 가이드 CSS Flex는 효율적인 레이아웃 설계를 위한 기술로, 컨테이너 내 항목의 공간 배분과 정렬을 유연하게 관리합니다. 이를 통해 반응형 디자인 레이아웃이 쉬워지고 복잡한 계산 없이도 요소를 원하 www.heropy.dev FLEX 레이아웃을 구성할 때 float, position을 사용하지만, flex문법을 통해서도 레이아웃을 구성할 수 있다. ▶ flex layout은 부모박수에 flex를 선언하고, 내부에 자식 박스들을 유연하게 배치하는 속성이다. Container 적용 속성 display flex-direction flex-wrap justify-content align-items align-content 자식박스(item)에 적용하는 속성 orde.. 2024. 3. 2.
[HTML/CSS] CSS 기초문법 2 [HTML, CSS] CSS 기초문법 [HTML/CSS] HTML 태그 태그 앞서 HTML은 Hypertext Markup Language의 줄임말로 하이퍼텍스트를 작성하기 위해 개발되었다. ▶ 웹 문서를 만들기 위한 기본적인 웹 언어이다. ▶ 하이퍼링크(참조)를 통해 문서 hong-study.tistory.com display 속성 display 속성은 태그의 영역 표현 방식을 지정하는 속성으로 매우 중요한 속성 중 하나이다. none 키워드를 사용하면 태그가 완전히 화면에서 제거된다. block 키워드를 사용하면 태그가 한 줄을 차지한다. inline 키워드 또는 inline-block 키워드를 사용하면 한 줄에 들어간다. inline과 inline-block의 차이점은 inline-block은 박스.. 2024. 2. 29.
[HTML, CSS] CSS 기초문법 [HTML/CSS] HTML 태그 태그 앞서 HTML은 Hypertext Markup Language의 줄임말로 하이퍼텍스트를 작성하기 위해 개발되었다. ▶ 웹 문서를 만들기 위한 기본적인 웹 언어이다. ▶ 하이퍼링크(참조)를 통해 문서에서 다른 문서로 hong-study.tistory.com CSS 문법과 적용방법 CSS ( Cascading Style Sheets )로 HTML, XHTML, XML 같은 문서의 스타일을 꾸밀 때 사용하는 스타일 시트 언어이다. ▶ HTML 문서로 모형을 만들면 CSS로 모형을 색칠한다고 생각하면 이해가 빠르다. CSS는 글꼴이나, 배경색, 너비와 높이, 위치 등을 지정하고 웹 브라우저, 스크린 크기, 장치에 따라 화면을 다르게 표시할 수 있도록 지정할 수 있다. CS.. 2024. 2. 29.
[HTML/CSS] HTML 태그 태그 앞서 HTML은 Hypertext Markup Language의 줄임말로 하이퍼텍스트를 작성하기 위해 개발되었다. ▶ 웹 문서를 만들기 위한 기본적인 웹 언어이다. ▶ 하이퍼링크(참조)를 통해 문서에서 다른 문서로 접근할 수 있는 텍스트이다. 마크업(Markup) 이란 표시하고자 하는 어떤 정보나 기능들을 태그(Tag)라는 형식으로 감싸는 것을 이야기한다. 마크업 언어(Markup Language)란 태그라는 형식으로 둘러진 언어를 말한다. HTML 태그란 태그(Tag) 일반적인 의미에서 식별, 구별 또는 인식을 위해 짧은 크기로 붙여 놓은 것을 말한다. 프로그래밍에서 태그란 표현의 어떤 기능의 수행을 지시하는 짧은 낱말과도 같다. 제목 글자 태그 제목 태그는 웹페이지에서 가장 많은 비중을 차즈하는.. 2024. 2. 29.
[HTML/CSS] HTML 태그 태그 앞서 HTML은 Hypertext Markup Language의 줄임말로 하이퍼텍스트를 작성하기 위해 개발되었다. ▶ 웹 문서를 만들기 위한 기본적인 웹 언어이다. ▶ 하이퍼링크(참조)를 통해 문서에서 다른 문서로 접근할 수 있는 텍스트이다. 마크업(Markup) 이란 표시하고자 하는 어떤 정보나 기능들을 태그(Tag)라는 형식으로 감싸는 것을 이야기한다. 마크업 언어(Markup Language)란 태그라는 형식으로 둘러진 언어를 말한다. HTML 태그란 태그(Tag) 일반적인 의미에서 식별, 구별 또는 인식을 위해 짧은 크기로 붙여 놓은 것을 말한다. 프로그래밍에서 태그란 표현의 어떤 기능의 수행을 지시하는 짧은 낱말과도 같다. 제목 글자 태그 제목 태그는 웹페이지에서 가장 많은 비중을 차즈하는.. 2024. 2. 29.
[HTML/CSS] HTTP 통신과 웹 WEB 웹(web)이란 1개 이상의 사이트(site)가 연결되어 있는 인터넷 서비스의 한가지 형태이다. 웹 사이트(web site) 인터넷에서 사용자들이 정보가 필요할 때 언제든지 그것을 제공할 수 있도록 웹서버에 정보를 저장해놓은 집합체 사이트(site) 인터넷에 들어가는 관문으로, 흔히 홈페이지 주소로 되어 있다. 인터넷(Internet) 인터넷(internet)이란 1개 이상의 네트워크가 연결되어 있는 형태를 말한다. 인터넷 서비스의 구분 URL ( http://192.110.32.11:8080 ) 프로토콜(Protocol) 네트워크상에서 약속한 통신규약으로 HTTP, FTP, SMTP POP, DHCP 등이 있다. IP 주소 네트워크상에서 특정 컴퓨터를 식별할 수 있는 주소 Port 번호 IP 주.. 2024. 2. 27.
[JAVA] 자바 Network 서버와 클라이언트 Server 코드 ClientManager 클래스 Client 코드 Receive 클래스 Sender 클래스 2024. 2. 26.
[JAVA] 멀티 스레드 멀티스레드 ( Multi Thread ) Multi Tasking(멀티태스킹) 이란 두 가지 작업을 동시에 처리하는 것을 뜻합니다. 한 프로그램 안에서 멀티 태스킹을 동시에 하는 애플리케이션들도 있습니다. 스레드는 프로그램의 실행흐름입니다. ▶ 프로그램 내에 스레드가 2개라면 두 개의 코드 흐름이 생김을 뜻한다. 스레드의 사용 방법 방법 1. (1). Runnable Interface를 상속받아 run() 추상메서드를 재정의 (2). Thread 객체의 생성자의 매개값으로 전달 (3). 그 다음 start() 메서드를 통해 실행 방법 2. (1). Thread 클래스를 상속받아 run() 추상메서드를 재정의 (2). Thread 객체의 생성자의 매개값으로 전달합니다. (3). 그 다음 start() 메서.. 2024. 2. 26.
반응형

티스토리툴바