본문 바로가기
728x90

Web75

[Java] 클래스 제대로 알아보기 [Java] 클래스 제대로 알아보기 앞선 포스팅에서 클래스 변수와 인스턴스 변수만 이야기하고, 클래스에 대한 이야기는 하지 못했다. 그래서 다음 포스팅인 메모리 사용구조와 더불어서 클래스에 대해 알아보는 시간을 가지려고 한다. 클래스는 사용자가 자주 활용하는 변수, 메소드, 생성자 타입 등을 모두 보관해놓은 문서이다. 메인 클래스 하나로만 코딩을 하는 것은 절차 지향이고, 클래스를 여러 개 나누어서 모듈화시켜 놓은 것을 객체 지향 프로그래밍이라고 한다. 만약, ‘비빔밥 식사’라는 행위를 ‘프로그래밍’에 비유한다고 하면, 비벼놓은 비빔밥이 절차지향이고, 비빔밥들의 재료들만 깔끔하게 손봐놓은 것이 객체지향 방식의 취식 방법이라고 할 수 있겠다. 클래스는 아래와 같이 따로 존재한다. ++ : 보통 클래스는 다.. 2022. 6. 27.
[HTML/CSS] Flex 활용방법 [HTML/CSS] Flex 활용방법 플렉스는 정렬을 위한 CSS 도구이다. 줄을 바꾸어 배치할 지 등을 선언하고, 내 마음대로 위치를 바꾸어 쓸 수 있다. 예전에는 float를 어떻게 해서 XX발광을 하면서 코드를 스파게티로 만들었다가 씻어서 짜장면으로 만든 다음에 짜장 튀김을 만드는 과정을 겪고 크기가 다른 사진들을 아주 보기좋게 가운데에 차례로 정렬한다던지 했는데, 플렉스는 그게 필요없다. 모든 요소들이 다 들어가있다.사진 1개만 특별한 위치에 가있다던지 하는 것이 가능한 것이다. (align-self) (처음 나왔을 때 프론트 개발자들은 저러지 않았을까...) 아래에서 활용법을 자세히 알아보자. Flexible box 레이아웃 배치 전용 기능으로 고안되었다. display: inline-block.. 2022. 6. 26.
[HTML/CSS] SPA가 무엇인가? [HTML/CSS] SPA가 무엇인가? react, vue, angular 등 요즘 핫한 프레임워크 들이 많다. 동적 웹을 구현할 때 사용하는 도구들이다. 하나의 페이지를 가지고 동적으로 화면이 바뀌면 서버에서 어떤 화면을 클릭해서 탭을 넘기지 않아도, 유려하게, 즉각적으로 반응하는 UI를 만들 수 있다. 그럼 모두 SPA를 쓰면 되지 않을까? 실버 불렛은 없는법,,, 장단점을 알아보자! SPA(Single Page Application) 어떤 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현하는 것. 무엇인가를 클릭하거나 스크롤하면, 상호작용하기 위한 최소한의 요소만 변경이 일어난다. 복잡한 UI 구현 시에 사용한다. react, vue, angular가 SPA 프레임워크로.. 2022. 6. 26.
[HTML/CSS] 드롭다운 2차메뉴 만들기 [HTML/CSS] 드롭다운 2차메뉴 만들기 홈페이지를 들어가보면 메뉴 탭에 마우스를 가져가면 하위 메뉴가 아래로 내려가면서 보이는 탭이 있다. 위의 메뉴는 디자인이 되지 않아 볼품없지만, 오늘 다룰 코드들을 활용해서 모든 페이지들이 만들어진다고 보면된다. 자바스크립트를 이용해서 더 유연하게 내려온다던지 하는 것을 아래의 코드들을 변형 또는 발전시켜서 만드는 것이다. 아래에서는 html과 css만 사용해서 메뉴를 구현하였다. 코드들을 살펴보자. 1. html 구성 1차 메뉴 아이템 1 2차 메뉴 아이템 1 2차 메뉴 아이템 2 2차 메뉴 아이템 3 1차 메뉴 아이템 2 2차 메뉴 아이템 1 2차 메뉴 아이템 2 2차 메뉴 아이템 3 1차 메뉴 아이템 3 2차 메뉴 아이템 1 2차 메뉴 아이템 2 2차 메.. 2022. 6. 26.
[Web] IP란 무엇인가?(공인, 사설, 고정, 유동) [Web] IP란 무엇인가?(공인, 사설, 고정, 유동) 1. IP란? 컴퓨터가 연결된 네트워크의 끝단의 주소. 기기가 인터넷에 접속한 곳의 네트워크상 위치이다. 그렇기 때문에 아이피는 바뀔 수도 있다. 컴퓨터가 트레일러이면, 아이피는 이 트레일러가 자리잡은 곳의 도로명 주소이다. 이동할 때 아이피가 바뀌지만, 가만히 있어도 바뀌기도 한다. 그 이유는 다음과 같다. 우리는 IPv4형식의 ip를 쓰고 있다. ~~~.~~~.~~~.~~~ 이런식으로 세 자리수가 4번 반복되는 숫자들을 가지고 주소를 부여하고 통신을 진행하는 것이다. 이렇게 하면 42억여 개 정도의 주소가 만들어지는데, 지금 인구와 가지고 있는 스마트기기를 생각해보면 턱없이 부족하다. 그래서 사람들은 하나의 ip 개념을 더 생각하는데, 공인 i.. 2022. 6. 25.
[Web]정적 웹과 동적 웹(static web, dynamic web) [Web]정적 웹과 동적 웹(static web, dynamic web) 정적웹, 동적웹 각각의 개념과 두 가지 방식의 차이를 알아볼 것이다. 정적 웹 : 언제 접속해도 같은 리소스를 건네주는 웹사이트. 서버는 프로그래머가 작성해놓은 파일들을 브라우저에 전달해준다. 자바스크립트를 활용해서 현재 시간 등을 받아와서 실시간의 것을 구현을 해주는 것도 있다. 그렇지만, 정적 웹의 기준은 접속할 때마다 받게 되는 문서들이 항상 같은지를 판단해보면 된다. 회사 홈페이지의 소개글이 정적 웹 중에 하나이다. 동적 웹 MVC 모델인 정적 웹의 한계를 극복하기 위해 만들어졌다. 즉각적인 반응이 가능하다(아이폰 imessage를 전송할 때 화면 깜빡임이 없이 모션이 나타나면서 바로 보내지는 것 처럼) 정적 웹은 사용자의 .. 2022. 6. 24.
728x90