전체 글
개발 일지 2021.3. 4 (도입 화면 구성하기)
막상 TextInput 위주로 뷰를 작성하면서 생각보다 할게 많다고 느껴졌다. Component의 구성문제도 그렇고 picker 창을 띄우기 위해 라이브러리를 썼는데 잘 안되서 시간을 많이 소모한 것 같다.
개발 일지 2021.3. 2 (디자인 시스템)
Figma에 작성한 내용을 옮기기 위해 다음과 같이 변경했다. 그림자 설정 값의 경우 아래 사이트를 참고하였다. ethercreative.github.io/react-native-shadow-generator/ React Native Shadow Generator ethercreative.github.io 1. Color 변경 export const COLORS = { // default font color font: "#000000", // base colors primary: "#99E1D9", secondary: "#FFFAE3", tertiary: "#F7567C", // non-colors black: "#000020", white: "#FFFFFF", // color variations gra..
개발 일지 2021.3.1 (디자인 시스템)
What is the most flexible design system for react-native? Adopt a design system for your style in minutes. medium.com Design Systems in React Native Design System helps development teams build products which are consistent in terms of appearance. Check how to implement them in your React Native project. www.netguru.com Figma를 통해 디자인 가이드를 완성 하였는데, ReactNative에서 어떻게 표현을 해야 할지 고민을 하던 도중 위 블로그를 찾게 되..
ConnectionURL 찾은 내용
package com.mytestt.URLConnection; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.IOException; import java.io.InputStreamReader; import java.io.OutputStream; import java.io.OutputStreamWriter; import java.net.HttpURLConnection; import java.net.URL; import java.text.DateFormat; import java.util.ArrayList; import java.util.Date; import java.util.List; import java.util..
Javascript-classList
classList 자바스크립트에서 class 추가 삭제 등 클래스를 조작하기 위해 추가된 프로퍼티이다. Method add(class1, class2, ...) Adds one or more class names to an element. If the specified class already exist, the class will not be added contains(class) Returns a Boolean value, indicating whether an element has the specified class name. Possible values: true - the element contains the specified class name false - the element does no..
JavaScript - Variable
자바스크립트 변수 1. var(function-scoped) function 안에 선언된 변수를 function 밖에서 사용하지 못하게 설정 되어있다. javascript var는 hosting 기능이 있다. https://its-easy.tistory.com/23 [JavaScript] Hosting(호이스팅) 이란? 변수 Hoising 예제 1 2 3 alert(name); // 결과 : undefined var name = "홍길동"; alert(name); // 결과 : 홍길동 cs name이라는 변수가 선언되기 전에 호출했으니 에러가 발생할 것 같지만 값이 할당되지 않았다.. its-easy.tistory.com hosting: 변수나 함수의 선언문을 유효범위의 최상단으로 끌어올려서 변수나 함수..
JavaScript - 노드복제와 템플릿 태그
HTML 템플렛 태그 HTML 컨텐츠 템플릿 () 엘리먼트는 페이지에 로드될 때 렌더링되지 않지만 JavaScript 를 사용하는 런타임동안에 후속적으로 인스턴트화되는 클라이언트 사이드 컨텐츠를 유지하기 위한 메커니즘입니다. 이는 다큐먼트에서 나중에 사용하기 위해 저장하는 컨텐츠 조각으로 생각하시면 됩니다. 페이지가 로딩되는 동안 파서가 엘리먼트의 컨텐츠를 처리하지만, 컨텐츠가 유효한지만 확인합니다. 엘리먼트의 컨텐츠는 렌더링되지 않습니다. => template 엘리먼트는 작성한다 틀을 작성하면 실제보이지는 않는다. javascript에서 틀로 사용하기 위해 작성한다. JS 속성 querySelector : css 형식으로 html 태그를 불러오는데 여러개라면 가장 처음 있는 태그를 불러온다. trNod..