자신에게 친절할 것 :)
728x90
반응형

Web Developing 36

[CSS] transition, transform, @keyframes, @media

//노마드 코더의 코코아톡 클론코딩 듣는 중// /* transition: 어떤 상태에서 다른 상태로의 "변화"를 애니메이션으로 만드는 방법 바꿀 거는 무조건 state에 명시가 되어 있어야 함 트랜지션은 무조건 상태가 없는 곳에 써야 함 */ a { color: white; background-color: tomato; text-decoration: none; padding: 3px 5px; border-radius: 5px; font-size: 20px; transition: all 1s ease-in-out; /* transition: background-color 10s ease-in-out, color 5s ease-in-out; 걍 변하는 모든 것들을 한번에 all이라고 쓸 수 있음 - eas..

Web Developing/CSS 2024.04.04

[CSS] custom properties, root:

//노마드 코더의 코코아톡 클론코딩 듣는 중// /* root는 기본적으로 모든 다큐멘트의 뿌리가 됨 변수를 넣어주면 색을 일일히 바꾸지 않아도 됨 한 번에 변경가능. custom property라고 하지만 니코는 변수라고 부르는 것을 선호 --하고 변수명 만약에 띄어쓰기 있으면-쓰고*/ - 이걸 .. 진작에 알았어야 했는데... - 모멘툼.. 리팩토링 할 거 생각하면 머리가 아프다...

Web Developing/CSS 2024.04.03

[CSS] contributors, attributes, pseudo elements, states

//노마드 코더의 코코아톡 클론코딩 듣는 중// .. 이게 기능이 많아지니깐, 깃헙에 적은 노트로는,, 과제에 적용이 안됨... 내가 보기 위해서 가지고 왔음. 정리를 굉장히 잘해주셔서 댓글을 그대로 들고 왔음. https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Combinators Combinators - Learn web development | MDN This is the last section in our lessons on selectors. Next, we'll move on to another important part of CSS — the cascade, specificity, and inheritan..

Web Developing/CSS 2024.04.03

[Java] 배열

// 남궁 성의 자바의 정석 듣는 중// - 이름을 하나씩 붙이기 싫어서 배열로 묶고, 해당 변수를 찾을 떄는 참조 변수에게 부여된 []인덱스 번호로 알 수 있음. - 저장공간이 많아도 알아서 인덱스 넣기 때문에 이름 안 붙여도 됨. - 같은 타입만 가능. - 배열은 각 저장공간이 연속적으로 붙어있음. - 선언과 생성이 다름. - 타입[] 변수 이름을 더 선호 - 인덱스는 0부터 시작!!!!!!!!!!!!! - 인덱스 값을 배열의 요소라고 함 // int[] score; //배열 선언 (참조변수) //score = new int[5]; // 배열 생성 int[] score = new int[5]; //위에 2개 합쳐서 선언과 생성 동시에 score [3] = 100; System.out.println(s..

Web Developing/Java 2024.04.02

[Java] 조건문과 반복문: if, if else if, switch문 // for, while, do-while문

// 남궁 성의 자바의 정석 듣는 중// - 반복문은 여러번 실행될 수도 아예 안될 수도 - 조건문 , 반복문 => 제어문 flow control statement - 블럭은 그 다음 문장 1개까지만 안 써도 포함 됨. 그 이상이면 블럭을 써줄 것. - 절대로 2개가 실행될 수는 없음 - 사실 'B'의 경우 조건식에 && score < 90 이 추가되어야 하지만, 나머지도 마찬가지로 위에서 벌써 거짓이라고 판단이 된 경우만 적용되기 때문에 굳이 식에 추가 안해줘도 됨. int score = 0; //점수 저장을 위한 변수 char grade = ' '; // 학점 저장을 위한 변수. 공백으로 초기화 // 값을 만약에 D로 넣어주면, 밑에 else코드 빼도 됨. 어차피 다 아니면 D가 될 테니깐. //el..

Web Developing/Java 2024.03.29

[java] 비교연산자

// 남궁성의 자바의 정석 듣는 중// - false가 나올 수도 있으니깐 걍 안전하게 equals()를 써야 함. - 중간에 꼭 && 넣기. - &&와 ||이 같이 있으면 우선 순위 먼저 괄호 쳐주기. 앤드가 우선이기 때문에 꼭 해줄 것 - 둘 다 유니코드 상에서 순서대로 나열되어 있기 때문에 확인이 가능함. - 논리 연산자는 단항 연산자니깐 오른쪽에서 부터 적용함. - 논리부정 연산자를 이용하면 더 가독성을 높일 수 있음. - 3항 연산자임. (조건식) ? 식1: 식2 필요 - 간단한 if문은 3항 연산자로 쓰는 게 간단해짐. - lvalue는 저장공간, rvalue는 값 - 상수는 변하지 않기에 final 붙으면 변경 X - 맨 위와 아래만 기억할 것. - i += 3; === i = i +3; -..

Web Developing/Java 2024.03.20

[java] 연산자 operator, 형변환, 사칙 연산자

// 남궁성의 자바의 정석 듣는 중// - 모든 연산자는 연산 결과를 반환한다. so,()는 연산자가 아님. - 연산자의 우선순위는 이미 결정되어 있는데 순서 바꾸고 싶으면 () 사용해서 수동 결정. - 사실 이미 다 아니깐,, 상식대로 생각해. - 우선 순위가 같은 연산자의 경우 대입이랑 단항 연상자 제외하고 왼쪽 --> 오른쪽 - 증감 연산자 단독으로 쓰이면, 전위형 후위형 차이 X - int i = 5; i++; System.out.println(i); //6 i=5; ++i; System.out.println(i); //6 int i =5, j=0; j = i++; //후위형 postfix // j=i // i++; System.out.println(i); //i=6 System.out.print..

Web Developing/Java 2024.03.18

[java] 오버플로우, 타입 간 변화

// 남궁성의 자바의 정석 듣는 중// - 오버플로우가 되면, 다시 처음으로 돌아간다고 생각할 것. - 오버플로우 overflow: 해당 타입이 표현할 수 있는 값의 범위를 넘어서는 것 - 최대값 + 1 -> 최소값 - 최소값 -1 -> 최대값 - 부호있는 정수는 부호비트(맨 왼쪽)가 0에서 1로 될 때 오버플로우가 됨 - 어차피 뒤에서 나온데.. 실수형은 뒤에서 다룰 듯. - 실수형의 오버플로우는 infinite 무한대가 되고, 언더플로우는 0이 됨. - 진짜 .. 무한 반복.. - 타입 간의 변환방법 매우 중요! --> 외워놔도 좋을 듯. String str ="3"; System.out.println(str.charAt(0) - '0'); //3 System.out.println('3' - '0' ..

Web Developing/Java 2024.03.17

[java] Scanner, 진법 추가

// 남궁 성의 자바의 정석 듣는 중// => js랑 다르게 확실히.. 하나씩 전부다 입력해 줘야 만 함.. console 창에 입력하려면 scanner가 필요하다로 생각하면 될 듯. ++ 진법이 너무 헷갈려서. 책을 다시 봤는데 (기초편 강의는 길게 설명 x) 안 익숙해서 그렇지. 손으로 몇 번 계산해보면 이해가 됨. 2진수 8진수 10진수 16진수 0 0 0 0 1 1 1 1 10 2 2 2 11 3 3 3 100 4 4 4 101 5 5 5 110 6 6 6 111 7 7 7 1000 10 8 8 1001 11 9 9 1010 12 10 A 1011 13 11 B 1100 14 12 C 1101 15 13 D 1110 16 14 E 1111 17 15 F 10000 20 16 10 2진수를 8진수,..

Web Developing/Java 2024.03.17

[JS] Wordle 기능 넣고 수정하기

//애플코딩의 JavaScript로 요즘 유행하는 Wordle 게임 만들기 (개쉬움) 듣고// https://youtu.be/npvrAzxgTOQ?si=1kZy4h0UC0GjuL9v 허우,,,, ​ ​ 영상 보고 게임 만든 후에 불편했던 것들 고치는 것을 시도하는 중이다. ​ 생각보다... 모르는 게 너무 많아.. ㅎ ^^ ​ 하나씩만 input에 입력되게 하기 클릭도 ok but, enter 쳐도 넘어가게 만들기. 정답 array 만들기 매일 정답 바뀌게 하기 기회 제한 넣기 CSS 손보기 ​ 1번만,,, 성공했어,,,,ㅠㅠㅠ ​ 2번 enter 치면 넘어가게는 했는데, beforeend로 추가된 iput들도 똑같이 적용되게 못 짜겠음.. ​ gpt와 씨름을 하다가... 일단 깃에 커밋 해놓고, 다시...

Web Developing/JS 2024.03.16
728x90
반응형