til 6

<TIL> 211207 JavaScript, CSS

🐣 변수와 객체 변수는 변수를 담고 있지만, 객체는 객체의 주소를 담고 있다. a 변수를 b 변수에 대입하면 값이 복사가 되고, c 객체를 d 객체에 대입하면 주소값이 복사가 된다. (함수도 객체와 마찬가지로 주소값을 할당) Boolean 값 0, "", null, undefined, NaN은 false이다. false 같은 값이라고 하여 falsy 라고 한다. 논리연산자: 피연산자 타입에 제한없음 && => 첫번째 falsy를 반환 (하나라도 false 이면 false이기 때문에 false가 나오면 끝임, 모두 true이면 마지막 값 반환) || => 첫번째 truthy를 반환 (하나라도 true 이면 true이기 때문에 true가 나오면 끝임, 모두 false이면 마지막 값 반환) ?? (null 병..

클래스/└ TIL 2021.12.07

<TIL> 211206

🐣 - 60FPS를 달성하기 위해서는 한 프레임이 16.7ms 안에 끝나야 한다. - innerHTML은 내부 텍스트 뿐만 아니라 HTML 구조를 짜기 위해 사용한다. - 스크립트를 HTML과 별도의 파일로 작성하면 브라우저가 스크립트를 다운받아서 캐시에 저장한다. 따라서 페이지가 바뀌더라도 스크립트를 새로 다운받지 않고 캐시로부터 가져온다. - 한줄 주석: // (Ctrl + /) - 여러줄 주석: /* */ (Ctrl + Shift + /) - 엄격모드("use strict"): 코드를 클래스와 모듈을 사용해 구성한다면 불필요하다. - 자바스크립트는 동적 타입 언어이다. 📌 참고사이트: https://academy.dream-coding.com/ 📌 참고자료: https://ko.javascript...

클래스/└ TIL 2021.12.06

<C++> C++ 입문 Day3

📌 #include Lesson 7 (함수) 인라인 함수 - 인라인 함수는 컴파일러에 의해 호출 부분에 직접 기록되므로, 전체적으로 속도가 향상됨 inline int max(int x, int y) { if (x > y) return x; else return y; } 함수 선언 - 정의되지 않은 함수를 호출하려면 함수 프로토타입을 선언해야 함 Default Argument (기본 인수) - 기본 인수는 함수 선언 혹은 함수 프로토타입 선언시 한 번만 지정함. - 함수 프로토타입 선언에서 기본 인수를 지정했다면, 함수 본체를 정의할 때는 기본 인수를 지정할 수 없음. - 기본 인수는 오른쪽부터 정의해야 함 void func(int a, int b, int c, int d = 2, int e = 10) 함..

유물/C, C++ 2021.11.17

<C++> C++ 입문

📌 참고자료 - 그림으로 배우는 C++ (Mana Takahashi 저 / 서재원 역 / 영진닷컴) Lesson1. 시작하기 요약 - 소스파일을 컴파일하면 오브젝트 파일이 만들어짐 - 오브젝트 파일을 링크하면 실행 가능한 프로그램이 만들어짐 Lesson2. C++ 기본 파일 인클루드 - #이 붙은 행은 컴파일러에 포함된 전처리기(preprocessor)라는 특별한 부분에 의해 다른 코드로 번역되기 전에 읽어 들여짐 #include 요약 - main() 함수는 C++ 프로그램의 본체가 됨 int main() { // blabla return 0; } Lesson3. 변수 비트와 바이트 - 컴퓨터가 숫자를 2진수로 저장하면, 양수는 0으로 시작하고 음수는 1로 시작함 Lesson4. 식과 연산자 다양한 식 ..

유물/C, C++ 2021.11.16

<CSS> TIL: 텍스트 수정(회전, 맞춤, 배경), 화면 높이 에러

CSS 텍스트 회전 1. display 속성값을 inline-block 으로 설정한다(inline 요소는 회전 불가능). 2. transform 속성값으로 rotate 값을 대입한다(rotate === rotateZ). span { display: inline-block; transform: rotate(180deg); } CSS 문제 해결 1. Error: 화면 높이 🆖 현황 - height 속성을 100%로 맞추었지만 해당 요소의 컨테이너 밖으로 넘치게 되었음 🔑 해결방안 - header의 높이만큼 padding-bottom 속성값을 부여 .window { background-color: white; width: 80%; height: 80%; border-radius: 8px; padding-bot..

무기 2021.11.08