전체 글
-
[자바스크립트 비기너] Number 오브젝트개인 공부/JavaScript 2021. 11. 5. 00:00
1. Number 오브젝트 개요, 프로퍼티 리스트 Number 오브젝트 숫자 처리를 위한 오브젝트 즉, 숫자 처리를 위한 함수와 프로퍼티가 포함되어 있고, 함수를 호출하여 숫자 처리를 하게 된다. 빌트인 오브젝트를 완전하게 사용하기 위해서는 함수와 프로퍼티를 알아야 한다. 프로퍼티 리스트 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Number 참고 * toString() 함수는 숫자 값을 문자열로 변환한다. 숫자 값을 문자열로 변환한다는 것은 목적, toString()은 수단이다. 수단을 기준으로 접근해라! * 프로퍼티 리스트 내 프리미티브 값은 인스턴스에 설정된 값을 의미한다. * 빌트인 함수에서 변환을 위..
-
[자바스크립트 비기너] 오브젝트, 빌트인개인 공부/JavaScript 2021. 11. 4. 23:59
1. 오브젝트(Object) 프로퍼티 {name: value} 형태 name name에 프로퍼티 이름/키를 작성한다. 프로퍼티 name(key)에서 key는 유일하지만 name은 중복될 수 없다는 뉘앙스가 풍긴다. ES3에서는 같은 이름이 등록되기도 한다. ES5에서는 key와 name을 구분하지 않아도 되지만 ES6에서는 구분해야 한다. 값이 지칭하는 범위가 조금 다르다. name의 따옴표를 생략해도 된다. 따옴표를 작성하지 않아도 문자열로 간주된다. value JS에서 지원하는 타입을 작성한다. 값의 위치에 오브젝트를 작성해서 프로퍼티를 확장시킬 수 있다. 오브젝트는 value에 중괄호를 작성하여 프로퍼티를 확장할 수 있는 것이 특징이다. 구조적으로 만들 수 있는 것. 오브젝트를 객체라고 부르지만 뉘..
-
[자바스크립트 비기너] 문장(Statement), 함수(Function)개인 공부/JavaScript 2021. 10. 14. 23:44
1. 문장, 화이트 스페이스, 세미콜론 자동 삽입, 블록 문장 형태: ; 문장을 끝나게 하는 역할을 한다. 화이트 스페이스 사람 눈에 보이지 않는 문자 가독성을 위한 것으로 문자마다 기능을 갖고 있다. (ex. 스페이스는 한 칸, 엔터는 한 줄 띄우기) 세미콜론 자동 삽입 세미콜론을 붙이지 않으면 자동으로 삽입하여 문장이 끝나게 한다. JS 엔진이 분석 및 삽입한다. (ES5부터 지원) 줄바꿈을 하면 자동으로 문장 끝에 시미콜론을 삽입시켜주는 것. 블록 형태: {문장 리스트} 중괄호는 실행 그룹으로, 블록 안의 모든 문장을 실행한다. 문장 리스트: {} 안의 모든 문장으로 문장 리스트 작성은 선택 사항이다. 2. if, debugger if 조건에 따라 처리한다. 먼저 표현식을 평가하고 평가 결과를 tr..
-
[자바스크립트 비기너] 연산자(Operator)개인 공부/JavaScript 2021. 10. 14. 22:46
1. 연산자, 표현식 연산자 연산의 사전적 의미: 규칙에 따라 계산하여 값을 구한다. 연산자는 사전적 의미와 같다.표현식 (Expression) var total = 1 + 2; var value = total / (2 + 3); // 위의 식에서 total, (2 + 3) 모두 표현식에 해당된다. 표현식의 형태 1 + 2와 같은 식을 표현식을 평가한다고 말한다. 표현식을 평가하면 반드시 결과가 반환된다. 이를 평가 결과라고 한다. 자바스크립트는 표현식의 연결이다. 2. 할당 연산자 단일 할당 연산자 = 하나만 사용한 형태 (ex. var result = 1 + 2;) 복합 할당 연산자 = 앞에 연산자를 작성한다. ex. +=, -=, >=, &= 먼저 = 앞을 연산한 후 할당한다. var point =..
-
스레드 이진 트리 (Threaded Binary Tree)개인 공부/알고리즘 2021. 10. 10. 01:47
* 참고: https://youtu.be/AndqtbiTfe8 1. 기존 이진 트리의 문제점 왼쪽 자식, 값, 오른쪽 자식을 저장하는 일반적인 이진 트리의 경우 대다수의 포인터(n+1)들은 null을 가리키고, 이는 메모리의 낭비를 일으킨다. 이런 이진 트리의 순행하기 위해서 스택 또는 큐가 필요한데, 이 역시 많은 저장공간을 필요로 하게 된다. 이를 해결하기 위해 우리는 스레드 이진 트리를 사용한다. 2. 스레드 이진 트리의 특징 스레드 이진 트리는 널 포인터 대신 의미 있는 정보들을 저장한다. 운행을 위해 스택 또는 큐를 사용하지 않는다. 이때 의미 있는 정보들이란 중순위 선행/계승 정보를 가리킨다. 왼쪽 null 포인터는 선행 노드를 가리키고 오른쪽 null 포인터는 계승 노드를 가리키도록 한다. ..
-
[자바스크립트 비기너] 1. 기본 문법개인 공부/JavaScript 2021. 10. 7. 23:22
1. 강좌 환경, Hello JavaScript defer 속성을 작성하면 body까지 렌더링한 후 js 파일을 실행한다. 2. 문장 Statement JS 코드 실행 단위 세미콜론까지가 하나의 문장이다. 문장 시작 위치 위치 제약 없음 가독성을 위해 들여쓰기를 사용한다. 단, 일관되게 들여쓰기를 하자! 3. 변수 값을 저장하는 영역 변수에 저장된 값을 재사용하기 위해 사용한다. 변수 선언 방법 var book = "책", point = 123; var book = "책", point = 123; 콤마(,)로 구분하여 다수의 변수를 선언할 수 있다. 두 번째 값 이후부터는 변수 이름만 작성한다. 줄을 바꾸어서 여러 개의 변수를 작성할 수도 있다. 의미를 부여하여 변수를 작성해야 한다. 이를 시맨틱(Sem..
-
[자바스크립트 비기너] 0. 자바스크립트로 할 수 있는 것개인 공부/JavaScript 2021. 10. 7. 23:21
0. 자바스크립트로 할 수 있는 것 1. 자바스크립트의 역할 회원가입 폼의 경우, "가입하기" 버튼 클릭 인식 이메일, 비밀번호 입력 여부 체크 두 가지를 DOM, JavaScript가 하게 된다. 2. 이메일 등록 체크 예시 자세히 보기 브라우저는 이메일 등록 여부 체크가 불가하기 때문에 입력한 값을 서버로 전송한다. 서버 프로그램에서 이메일 체크 및 결과를 전송한다. 브라우저는 결과를 수신하는데, 이때 JS를 사용한다. 결과 출력은 HTML, CSS, DOM, JS를 통해 이루어진다. Ajax에서 비동기 통신 방법을 제공하여 분산 처리 방법을 구현할 수 있게 되었다. 브라우저의 기술을 활용하고 서버는 서버 나름대로의 기능만을 처리하면 된다. 이후로 JS의 사용이 확산되었다. 브라우저에 콘텐츠 표현이 ..
-
스택 네비게이션의 특정 화면에서 탭 네비게이션을 숨기는 방법개인 공부/React Native 2021. 7. 17. 02:09
예시) import { getFocusedRouteNameFromRoute } from "@react-navigation/native"; const ProfileStack = createStackNavigator(); const ProfileNavigator = ({ navigation, route }) => { React.useLayoutEffect(() => { const routeName = getFocusedRouteNameFromRoute(route); if (routeName === "Group") { navigation.setOptions({ tabBarVisible: false }); } else { navigation.setOptions({ tabBarVisible: true }); } ..