본문 바로가기

자바스크립트5

[JS]JSON key 가져오기, keys(), getOwnPropertyNames(), for 등등 비교 자바스크립트에서 JSON 데이터는 매우 유용하게 사용된다. 그만큼 key 값을 지정하는 것도 중요하다. 개발을 할 수록 JSON의 key 값이 필요한 상황이 종종 나타나는데, 그럴 때면 내가 JSON 데이터 형식을 잘못 묶었다고 판단하게 된다. 우선 이 얘기는 뒤에서 하기로 하고, JSON의 key 값을 가져오는 세 가지 방법을 알아보자. 1. keys() Object.keys(JsonData); Object.keys 문법에 파라메터로 키를 찾고싶은 데이터를 넣어주면 된다. data.code는 key가 CMP011이고 value가 List인 JSON 데이터이다. key가 하나만 존재한다. 위의 함수를 실행하면 key의 값이 리스트로 반환된다. key가 하나여도 리스트로 반환된다. 2. getOwnProp.. 2021. 9. 7.

[리액트네이티브]flex ? height ? 레이아웃잡기 총정리 리액트 네이티브 공부 5일차! 컴포넌트와 그 속성들에 대해 간단히 알아보았으니, 이제는 그 컴포넌트들을 배치하기 위해 필요한 스타일 속성들에 대해 알아보는 차례이다. 자바스크립트 스타일 속성과 거의 같다고 보면 되니, 프론트 개발자인 내게도 앱 개발이 한층 더 쉬운 것 같다. JS style, JavaScript style, React style, ReactNative style, 리액트네이티브 스타일 속성, flex, height flex란? 부모컴포넌트의 크기를 기준으로 비율로 나누어 높이/너비를 설정해주는 매우 편리한 옵션이다. 다음의 그림으로 쉽게 확인할 수 있다. 아무런 높이 스타일을 적용하지 않으면 컴포넌트는 필요한 최소 높이만을 가지게 되어 맨 첫번 째 그림처럼 쌓이게 되고, 밑에 빈 공간이.. 2021. 8. 31.

[JS]키보드 이벤트, Enter 이벤트, key 이름, keyCode 총정리 자바스크립트 (JavaScript) 개발을 하다 보면 누구나 다 기본적으로 구성하는 화면이 아마 조회화면, 또는 로그인 화면 일 것이다. 그 때 우리는 검색창을 input 태그로 만들게 되고, 검색 버튼 또는 로그인 버튼을 통해서 기능을 수행하게 할 것이다. 그러나 여러 사이트에서 공통적으로 '엔터'를 입력하면 굳이 마우스로 버튼을 클릭하지 않아도 기능이 수행되도록 하고 있다. 그래서 이번 포스팅에서는 엔터 누르면 기능이 수행되도록 하는 엔터키 이벤트 에 대해서 알아보도록 하겠다. 키보드 이벤트 자바스크립트 키보드 이벤트는 3가지가 존재한다. key down : 키가 눌렸을 때 발생 keypress : 키가 눌린 상태일 때 -- 더이상 사용되지 않습니다. 사용이 권장되지 않습니다. keyup : 키 누름.. 2021. 8. 25.

[ReactNative] JSX란? HTML vs ReactNative 태그 총정리! 리액트는 JSX 문법을 사용하면서 컴포넌트, 즉 태그들을 구성하며 이루어져 있다. 그래서 HTML과 React, React Native 간 유사한 태그들이 종종 보이는데, 오늘은 그것들을 정리해보는 포스팅을 하겠다! 리액트와 리액트 네이티브 프레임워크의 주력은 바로 JSX라고 할 수 있다. 리액트의 공식 문서에서도 JSX의 사용을 다음과 같이 권하고 있다. React는 JSX 사용이 필수가 아니지만, 대부분의 사람은 JavaScript 코드 안에서 UI 관련 작업을 할 때 시각적으로 더 도움이 된다고 생각합니다. 또한 React가 더욱 도움이 되는 에러 및 경고 메시지를 표시할 수 있게 해줍니다. 그러므로 우선 JSX에 대해 간단히 알아보도록 하자! JSX = JavaScript + XML JSX란? J.. 2021. 8. 19.

[ReactNative]리액트 네이티브 공부 순서, 책 추천 등 리액트 네이티브를 공부하여 앱 개발을 해보자는 목표를 세웠다! 그래서 리엑트네이티브란? 리액트 네이티브가 무엇인지, 어떻게 공부를 시작하는지, 어떤 앱을 개발할 것인지 등등을 정리해보았다. 리액트 네이티브 (React Native) 자바스크립트로 네이티브 수준의 안드로이드/ios 모바일 앱을 개발하는 크로스플랫폼(cross-platform) 프레임워크이다. 크로스플랫폼은 네이티브 앱보다 실행속도는 비교적 느린 반면, 자바스크립트라는 언어를 사용하는 등 개발 시간과 비용이 상대적으로 적은 장점을 가지고 있다. 리액트 네이티브 개발환경 안드로이드와 iOS를 한번에 개발할 수 있다고 하지만, 운영체제가 맥(Mac)인 경우에 한해 가능한 이야기이다. 소스코드는 어느 운영체제이든 작성할 수 있으나 그를 앱으로 빌.. 2021. 8. 11.

이전 1 다음

728x90

티스토리툴바