KassyLog

현재 내가 진행중인 기능 중 이미지로 다운로드 해야하는 화면이 있는데 서버와 통신하지 않고 웹스토리지 상으로 저장된 데이터를 보여주고 있다. 나는 라이브러리를 활용하여 컴포넌트 자체를 화면으로 보여주는 기능을 구현하고 싶었다. 내가 사용한 라이브러리는 html2canvas이다. html2canvas Screenshots with JavaScript. Latest version: 1.4.1, last published: a year ago. Start using html2canvas in your project by running `npm i html2canvas`. There are 1777 other projects in the npm registry using html2canvas. www.npmjs..

1. 블록문 0개 이상의 문을 중괄호로 묶은 것으로, 코드블록 또는 블록이라고 부른다. 블록문은 단독으로 사용할 수도 있으나 일반적으로 제어문이나 함수를 정의할 때 사용하는 것이 일반적이다. 2. 조건문 주어진 조건식의 평가 결과에 따라 코드 블록의 실행을 결정한다. - if ... else 문 if (조건식){ 실행문... }else if(조건식){ 실행문... }else{ 실행문... } - switch 문 주어진 표현식을 평가하여 그 값과 일치하는 표현식을 갖는 case 문으로 실행 흐름을 옮긴다. case는 상황을 의미하는 표현식을 지정하고 클론으로 마친다. switch문과 일치하는 case문이 없다면 실행 순서는 default문으로 이동한다. default 문은 선택사항으로, 사용할 수도 않을수..

자바스크립트의 모든 값에는 타입이 있다. 값의 타입을 개발자의 의도에 따라 변환하는 것을 '명시적 타입 변환' 또는 '타입 캐스팅'이라고 한다. let a = 7; let str = x.toString() //숫자를 문자열로 명시적 타입 변환 혹은 타입 캐스팅 console.log(type of str, str) // string, 7 반면, 개발자의 의도와 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동으로 변환되기도 하는데 이를 '암묵적 타입 변환' 또는 '타입 강제 변환' 이라고 한다. let a = 7; let str = a + ''; console.log(type of str, str) // string, 7 여기서 주의해야할 점, 명시적 타입 변환이나 암묵적 타입 변환이 기존 변수 값..

나는 최근 한 두달 동안 리액트 네이티브를 활용해서 기능구현 및 코드를 작성한 경험이 있다. 그 기간 동안 자주 활용했던 태그들 중 TextInput에 대해 기록해보겠다. setPw(text)} /> 내가 작성한 코드를 간단하게 설명해보자면, style : input으로 변수명을 설정 후 작성한 스타일 코드 placeholder: input에 작성한 내용 autoCapitalize: 첫문자를 대문자를 설정할 지의 여부 maxLength: 최대 글자수 제한 그 외 설명은 아래에서 진행하겠다. HTML의 input 과 같은 역할이며 리액트와 다른 점은 키보드 타입을 정할 수 있다는게 가장 큰 차이점이다. 1. keyboardType 이메일을 작성하는 인풋의 경우: keyboardType="email-addr..

var의 문제점을 극복하기 위해 ES6에서 도입한 키워드 바로 let과 const이다. var의 문제점 1. 변수 중복 선언 허용 2. 함수 레벨 스코프만 지역 스코프로 인정 3. 변수 호이스팅 # let 1. 변수 중복 선언 금지 let 키워드로 이름이 같은 변수를 중복 선언하면 문법 에러(SyntaxError) 발생 2. 블록 레벨 스코프 3. 변수 호이스팅 - let 키워드로 선언한 변수를 변수 선언문 이전에 참조하면 참조에러(ReferenceError)가 발생 - '선언'단계와 '초기화' 단계가 분리되어 진행된다. # const 1. 선언과 초기화 - const 키워드로 선언한 변수는 반드시 선언과 동시에 초기화해야 한다. 2. 재할당 금지 3. 상수 # var , let, const 변수 선언에..

전역 변수의 무분별한 사용은 위험하다. 전역 변수를 반드시 사용해야할 이유를 찾지 못한다면 지역 변수를 사용해야한다. 변수는 선언에 의해 생성되고 언젠가 소멸한다. #암묵적 결합 전역변수를 선언한 의도는 전역, 즉 코드 어디서든 참조하고 할당할 수 있는 변수를 사용하겠다는 것이다. 이는 모든 코드가 전역 변수를 참조하고 변경할 수 있는 암묵적 결합을 허용하는 것이다. 유효 범위가 클수록 코드의 가독성은 아빠지고 의도치 않게 상태가 변경될 수 있는 위험성도 높아진다. #긴 생명 주기 따라서 메모리 리소스도 오랜 기간 소비한다. 생명주기가 긴 전역 변수는 변수 이름이 중복될 가능성이 있다. 그렇게 되면 의도치 않은 재할당이 이뤄진다. #스코프 체인 상에서 종점에 존재 전역 변수의 검색 속도가 가장 느리다....

값이란? 식(표현식)이 평가되어 생성된 결과를 말한다. 변수란? 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 리터럴이란? 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다. 표현식이란? 값으로 평가될 수 있는 문이다. 즉 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다. -> 값으로 평가될 수 있는 문은 모두 표현식이다. 문이란? 프로그램을 구성하는 기본 단위이자 최소 실행 단위 문의 집합으로 이뤄진 것이 프로그램이며, 문을 잓겅하고 순서에 맞게 나열하는 것이 프로그래밍이다. 문은 여러 토큰으로 구성 되는데 이때 토큰이란, 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요..

# 변수 변수는 '하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해붙인 이름'을 말한다. 쉽게 말해 값의 위치를 가리키는 상징적인 이름! 변수 이름은 사람이 이해할 수 있는 언어로 그 이름을 통해 변수에 저장된 값의 의미를 명확히 할 수 있다. 코드는 컴퓨터에게 내리는 명령이지만 개발자를 위한 문서이다. 개발자의 의도를 나타내는 명확한 네이밍은 코드를 이해하기 쉽게 만들고, 이는 협업과 품질 향상에 도움을 주기때문이 심사숙고해서 지어야 한다. 변수이름을 식별자(어떤 값을 구별해서 식별할 수 있는 고유한 이름) 라고도 한다. 메모리 상에 존재하는 어떤 값을 식별할 수 있는 이름은 모두 식별자라고 부른다. # 변수 선언 변수를 선언하려면 반드시 선언이 필요하다. 여기서..