얄루의 개발일기🥑

https://youtu.be/aA4xunvDWU8 반응형 디자인이란? 간단하게 말해서 웹상에서의 크기가 줄고 늘고 또 뭐 특별한 상황에 따라서 웹이 반응하는 것을 의미한다. 예를 들어 800px 보다 화면이 커질 경우엔 화면이 어떻게 보여진다 이런 식 https://youtu.be/qe3nSIg2k3Y 미디어 쿼리를 이용한 반응형 디자인 만들기. 검사를 켜놓고 옆에서 코드를 짜면 참 쉽고 편리할듯 하다.

웹-폰트란? 다른 사용자의 컴퓨터에 웹디자이너가 사용한 글꼴이 없어도 보여지도록 구현 한 것을 의미한다. [ 1. 웹 폰트 사용하기 ] https://fonts.google.com/earlyaccess Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글에서 제공하는 웹 폰트를 사용하는 방법이 있다. https://m.blog.naver.com/onsway/221547112192 [HTML] 웹 폰트 사용하기 웹 폰트(web-font) 웹 문서 안에 글꼴 정보도 함께 저장했다가 사용자가 웹 문서에 접속하면 글꼴을 사용자... blog.naver.com 친절하게 사용방법을 알..

https://youtu.be/kShhYYur7uk Boolean - 참과 거짓(=두 개의 데이터 타입)을 의미하는 데이터 타입으로 Bool이라고 부른다. 비교 연산자(관계 연산자) - 주어진 값들이 같은지, 다른지, 큰지, 작은지를 구분하는 것을 의미한다. - 비교연산자의 결과는 true false 중의 하나다 == 동등비교 연산자 / 꼭 숫자에만 사용되는 것은 아니다. != (!) = not이라는 의미로 같지 않다는 것을 의미한다. 값 비교 크다 작다 이상 이하. >=좌항이 우항보다 크거나 같다

https://youtu.be/SZFMO1cw3BA 대입 연산자: = 산술 연산자: +, -, /, * ... 비교 연산자: 다음 챕터에서 공부 논리 연산자: 조건문에서 공부 연산자란? 자바에서의 산술연산자 + - 더하기 - - 빼기 * - 곱하기 / - 나누기 % - 나머지 int a = 3; System.out.println(0%a); //0 System.out.println(1%a); //1 System.out.println(2%a); //2 System.out.println(3%a); //0 System.out.println(4%a); //1 System.out.println(5%a); //2 System.out.println(6%a); //3 문자열 역시 더해서 사용 가능하다. https://y..

자바에서 가장 기본적으로 다루는 것 = 데이터 형 변환(type Conversion) 데이터타입을 필요에 따라서 변환 시키는 것을 의미한다. 자동형변환 = 자바는 형변환을 자동으로 처리해 주는데 이러한 전환작업을 자동(암시적) 형 변환(implicit Conversion)이라고 부른다. double a = 3.0F; 변수 - double형 상수 - float형 그러나 자동으로 자바가 상수를 double형으로 인식시켜준다. float < double float a = 3.0; 변수 - float형 상수 - double형 더 많은 데이터를 표현하는 double이라는 형을 더 적은 데이터를 표현하는 float으로 표현하게 될 땐 데이터 손실이 올 수 있기 때문에 이는 불가하다. ※ 자동형변환의 경우엔 더 많은..

데이터 타입을 알아보기 전에 데이터의 크기를 알아보자 bit 0과 1로 이루어진 단위 - 컴퓨터에서 제일 작은 단위 (8bit -> 1byte) byte (1024 byte -> 1kilobye) 숫자 정수 - int ... 실수 - double ... 효율적인 프로그램 작성을 위해서 숫자를 정수 실수로 나누고 또 이 안에서 세부적인 구분을 한다. 대부분은 int를 쓴다. 처리속도도 빠르고 충분히 수를 담을만큼 크기 때문이다. 그러나 정수형 데이터타입을 쓸 때 int형보다 더 적합하게 쓰이는 다른 정수형 데이터타입이 있다면 그때 사용하면 됨. 상수란? 변하지 않는 수를 의미한다. 그렇다면 변수는 변화 가능한 수를 의미한다. 고유의 값을 변화시킬 수 없는 것을 상수라고 한다. 변수 상수 상수의 데이터 타입..

주석: 프로그래밍으로 포함하지 않기 때문에 자바에서 주석은 오류를 일으키지 않는다. // - 한줄 주석 /* */ - 여러줄 주석 /** */ - JavaDoc 주석 자바의 문서를 만들 때 사용한다. (문서화가 되기 때문에 사람이 보기 좋은 형태로 저장된다.) 세미콜론 : 문장(statement)의 끝을 의미한다. 이때 자바의 끝에 세미콜론을 붙이지 않으면 컴파일 에러가 발생한다. 세미콜론을 이용하면 여러개의 문장을 한 줄에 표현 가능하다. \ int a = 100; double b = 10.1;

DIV(= block element) 테그는 디자인을 위해 만들어진 테그로 별다른 효과는 없다. Span(= inline element)

DISPLAY이라는 속성의 기본값 화면전체를 쓰는 테그 종류 = h1 (= block level element) display : inline; (= 블럭레벨 엘리먼트를 인라인 엘리먼트로 바꿀 수 있고 인라인을 블럭으로 바꿀 수도 있다.) 화면을 일부만 자기 content 만큼만 쓰는 테그 종류 = a (= inline element) display:none; -> 테그를 안 보이게 하는 팁. 콤마(,)라는 선택자를 통해서 코드 중복을 줄일 수 있다. 더 줄일 수 있다. 한 줄로 작성 가능 content와 테두리 사이의 간격을 주는 것 padding = 여백 테두리와 테두리 사이의 간격 margin = 간격 width = 크기 설정 css box model을 구글에서 검색해서 보면 편하게 알 수 있습니다..

효과에 대한 중요한 토대를 닦는 작업 우리누리의 축제정보 우리누리 축제정보 소개 검색 캘린더 캘린더 . saw active로 class로 묶은 경우 띄어쓰기로 나눠서 여러개의 클래스의 묶음으로 사용가능하고 하나의 테그에는 여러개의 속성이 들어올 수 있고 여러개의 선택자를 통해서 하나의 테그를 공동으로 제어할 수 있다. => 별로 좋은 방법이 아님. 위의 코드에는 없지만 .saw .active 클래스가 각각 색을 서로 줬을 때 나중에 입력된 클래스의 값을 반영하기 때문에 매우 좋지 않아서 ID 선택자를 사용하는 것을 추천 ID선택자 vs class 선택자 vs 테그 선택자 id > class > tag 이유는? id 선택자의 경우엔 같은 이름의 id는 한 번만 사용할 수 있기 때문에 개발자들은 포괄적인 테..