전체 글 (87) 썸네일형 리스트형 parseInt parseInt - string 을 number 로 만들어준다. toString - number 를 string 으로 만들어준다. 길게 쓰자니 애매해서 그냥 메모장에 기록 ... Visual Studio Code 단축키 정리 * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 * (본인 기준) 자주 사용하는 단축키는 Red 표기 https://demun.github.io/vscode-tutorial/shortcuts/ 0. 방향키 관련 단축키 (Ctrl) 설명 ↑ or ↓ (방향키) 화면 상하 이동 → or ← (방향키) (덩어리 단위) 좌우 이동 Enter 커서 기준, 아래 줄로 이동 단축키 (Ctrl + Alt) 설명 ↑ or ↓ (방향키) 커서 기준, 상하 커서 활성 → or ← (방향키) 열린 페이지 기준, 화면분할 단축키 (Alt) 설명 ↑ or ↓ (방향키) 상하 줄 바꿈 → or ← (방향키) 이전 작업물로 되돌아가기 단축키 (Ctrl + Shift) 설명 ↑ or ↓ (방향키) 상하 줄 선택 → or .. =, ==, === * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 0. 예시 a: number = 0; b: number = 0; c: string = ' '; a = 10 // a 에 값을 부여, a 는 10 이다. a == b // a 와 b 를 비교, a 와 b 가 같다. a != b // a 와 b 를 비교, a 는 b 와 같지 않다. a === b // a 와 b 를 비교, 엄격한 비교 = = = = = Equality 동등 연산자 값만 비교 Strict equality 일치 연산자(엄격한 비교) 값과 유형 모두 비교 배열 * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 0. 배열 (Array) 이란? - 자료구조, 집합 - 같은 타입의 변수들로 이루어진 유한 집합 1. 표기관련 1). 변수처럼 유형을 지정하여 선언한다. (ex). JavaScript: int numArray = []; / TypeScript: unmArray: number[] = []; 1-1). 유형에 맞춰 인자를 삽입한다. - 대괄호 안에 인자를 넣는 방식인데, 위에는 int ~ number 형 이므로 [1, 2, 3, 4] 등. 숫자를 넣을 수 있다. 2). 배열의 n 번째는 다음과 같이 호출할 수 있다. numArray = [1, 2, 3, 4] 1 2 3 4 numArray[0] = 1 numArray[1] = 2 numArray[2.. 저급언어와 고급언어 * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 1. 프로그래밍 언어의 종류 1). 저급 언어(원시 언어) - 사람이 이해하기 힘든 기계에 최적화된 언어 - 0101010110011 이런느낌 - 종류: 기계어, 어셈블리어 등 2). 고급 언어 - 상대적으로 사람이 다루기 쉬운 언어. - 종류: C, C++, C#, Python, Java 등 2-1. JavaScript 2. 프로그래밍 언어를 기계가 이해하는 방법 0). 필요한 이유 - 사람이 코드를 짰는데, 기계가 이해를 못하면 작동을 안하겠죠....? - 고급 언어는 모두 같은 방식으로 번역되지 않는다. (컴파일 되기도 하고, 인터프리터 되기도 함) 1). Compiler 컴파일러 - 종류: C언어, Java 등 - 전체 코드를 읽고 번역.. 객체지향_2 * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 * 객체지향_1 (https://seo-developer.tistory.com/18) 이어짐 0. 절차지향 VS 객체지향 1). 배경 - 초기에 절차적 프로그래밍이었다. - 그러나 성능 및 필요에 의해 점점 복잡해짐. 순차대로 해결을 하려면 코드의 구조가 난잡해질 수 밖에 없다. - 그래서 등장한 것이 객체 지향 - 따라서 한 부분 한 부분을 각각의 독립적인 객체로 만들어 / 탄생하게 된 것이 객체지향 프로그래밍 2). 객체지향의 구성요소 (1). 객체: object (2). 메소드: 일종의 함수. (3). 클래스: 객체, 메소드 들의 집합 3). 객체지향의 특징 - 캡슐화: 하나 하나가 객체이므로 캡슐처럼 안에 담아서 사용 가능 - 은닉: 캡.. Protocol, websocket, TCP, HTTP * 영어표기가 디폴트, 이하 한글표기 * Angular 기준 0. Protocol ~ 프로토콜이 뭔가요? - Protocol: 의례, (조약의) 초안[원안], (합의안·조약의) 보충 협약. - 컴퓨터 내부 혹은 컴퓨터 사이에서 데이터의 교환 방식을 약속 ~ 정의하는 규칙 체계 - 참고: https://steemit.com/kr-dev/@wonnieyoon/it-story 1. websocket ~ 웹소켓 - TCP 연결을 통해 실시간 전이중통신을 가능케 하는 프로토콜 - HTML5 표준기술을 바탕으로함 (이 또한 기기의 발전으로 가능해진 기술) - -> 사용자의 브라우저와 서버 사이의 인터액티브 통신 세션을 설정할 수 있게 하는 고급기술 - 웹 소켓 API를 통해 서버로 메세지를 보내고, 서버의 응답을 .. CSS 기초 _(수정: 2023.11.17) 2023.11.17 - 1차 수정 / 설명 수정 및 추가 0. css 가 뭔가요? - Html 에 구성된 요소를 꾸며주는 코드 1. css 코드가 적용되지 않는 경우 - 상위 컴포넌트(부모 관계)에 이미 지정된 내용 존재하는 경우 - 이름이 제대로 명명되지 않은 경우 - !important 코드가 적용되어 '가장 우선순위' 되는 css 속성이 존재하는 경우 1-1. !important - 작성한 css 가 가장 우선순위로 적용된다. - 우선 적용을 원하는 속성 뒤에 !important 를 붙여주면 된다. { color: red !important; } - 남발하면 안된다. 특수한 경우 없이 동일하게 적용되어야 할 내용에만 사용하자. 2. id vs class - id 는 #idName 처럼, 앞에 # 을.. 이전 1 ··· 5 6 7 8 9 10 11 다음