아싸지만 1일1글 하고싶어

목차 And 연산자 저번에 변수에 따라 레이아웃이 달라지는 삼항 연산자를 포스팅했었는데, 삼항연산자 목차 어우.. 저녁을 너무 많이먹어버렸따... 삼항 연산자 삼항 연산자는 if else를 다르게 표현한 코드이다. 으음.. 예로 들어 if( toggle == True) console.log("True!"); else console.log("False!"); toggle이.. sirong.tistory.com import {useState} from 'react'; export default function App () { const [toggle, setToggle] = useState(false); function handleOnClick(){ setToggle(!toggle); } return ( O..

목차 현재시간을 불러오는 함수는 빈번하게 쓰인다. 정리해두는게 좋을것같아 정리한다. Date Date는 시간을 나타내는 함수이다. var today = new Date(); var birthday = new Date("December 17, 1995 03:24:00"); var birthday = new Date(95,11,17); var birthday = new Date(95,11,17,3,24,0); // from MDN 인자로 값을 전해주면 그 값을 통해 시간을 표현한다. var birthday = new Date("December 17, 1995 03:24:00"); var birthday = new Date(95,11,17,3,24,0,0); // 년, 월, 일,시,분,초,밀리초(ms) 인자에..

목차 React Native에 대해 적기 전에 태그에 대해 정리를 해놔야 이후 심화 내용 포스팅할 때 마음이 편할 것 같다. 이해 안 되시면 앞에서 보고 오세요~ 같은 느낌 태그 종류 React Native는 앞선 포스트에서 말했듯이, React 언어를 모바일 코딩 언어(Native)로 변환하는 것이기에, 쓸 수 있는 태그가 다르다. 내가 작업하다 필요한걸 그때그때 알아내는 스타일이라 이번 글은 기본적인 태그만 올릴 것이다. 사실 이 방식을 추천한다. 아무리 완벽하게 공부해봤자 패치하는 개발도구 특성상 완벽하게 알 수 없다. 입문자가 다 알고 들어간다는 것 자체가 비효율적이기도 하고. View html에서 div와 비슷한 태그이다. position : block속성이다. import React from ..

목차 쿠션감 있는 버튼 만들기 나는 버튼을 누를때 쿠션감을 좋아한다. 근데 RN(React Native)에서는 가상선택자가 없어서 hover active등 간단한 설정은 따로 없었다. 구글링해보니 패키지를 다운받는게 일반적인것같다. react-native-touchable-scale Like TouchableOpacity, but scale. www.npmjs.com 하지만 패키지를 쓰면 아무래도 용량 가성비가 떨어지니깐, 개별설정하는법을 어떻게 만들어봤다. 코드 import { StatusBar } from 'expo-status-bar'; import React, { useState } from 'react'; import {Text, View, TouchableWithoutFeedback } fro..

목차 저번 포스트에서 정의만 해놓고 만드는 방법은 안해놨구만... 사전설치 프로그램 Installation - Expo Documentation Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. docs.expo.io Expo를 설치하는덴 문제없느데 실행하기위해서는 다음과 같은 프로그램이 필요하다 Node.js Git Watchman 다행히 블로그에 다 써놨다..ㅎ Nodejs로 서버만들기 목차 결국... 결국 백앤드까지 손을 대 버렸다... 프런트 앤드만 해도 할게 많은데!!! 풀 스택은 취업하고 할 생각이었는데!!! 그래도... 프런트..

Mac에서 Expo start / npm start를 하여 브라우저까지 떴는데, 결과물이 실행이 안될 때가 있다. 그럴 땐 watchman을 설치해줬는지 확인해보자. mac유저는 watchman을 설치해달라고 하고 있다. 링크를 누르면 설치방법도 나온다. 이번 기회에 homebrew를 써보는 것도 좋다. HomeBrew 목차 HomeBrew HomeBrew는 패키지 관리자로써, 비슷한 프로그램 으로써 리눅스의 yum / apt-get 윈도우의 choco 등이 있다. 장점으로는 리눅스의 패키지 관리자(apt-get)와 비슷한 사용법을 가지고 있다는 것 sirong.tistory.com mac에선 홈페이지에서 친절하게 설치 파일을 준비한 게 아니라면, homebrew를 쓰는 게 편하다. 설치하고 다시 exp..

목차 이전 포스트에서 Input value를 이용한 예제를 만들던 도중 정규표현식을 알게 되었다. 이번 주제도 같은 채널에서 정보를 얻게 되었다. 정규표현식 정규표현식은 문자를 효율적으로 탐색할 수 있는 방식이다. 오 책까지 나와있다. 구성 /regex?/i // ' / ' slash를 이용하여 정규표현식을 열고, 닫는다. // slash 사이에 찾고하고자 하는 패턴을 기입한다. // slash 뒤로 옵션(flag)를 설정 할 수 있다. 패턴 정규식을 구성하는 특수문자를 정리하였다. 양이... 많다..... | /apple|banana/g if문에서 or로 쓰이는 이 문자는 여기에서도 or로 통용된다. 앞의 패턴과 뒤의 패턴 둘 다 찾아준다. () /Mi(ke|x)/g 괄호 안에 있는 패턴을 그룹으로 묶..

목차 이쁜 코드를 짜는 규칙 구독하고 있는 채널에서 관심 있는 주제(코드 퀄리티를 높이는 방법)에 대한 영상이 올라왔다. 이 글은 이영상에 대한 정리이다. DRY Don't Repeat Yourself (반복하지 마라) 반대말로는 Write Everything Twice (모든 걸 두 번씩 적는다) 반복되는 코드를 계속 하나하나 적음으로써 가독성이 줄어들고 코드 덩어리가 커지는 방법이다. 즉 다른 말로 하자면 DRY 방법을 쓰면 가독성을 향상하고, 후에 코드를 보완하는 유지보수에 대한 비용이 줄어든다. 제일 간단한 예로는 css 변수 설정을 들 수 있다. 해당 코드로 이 결과를 얻을 수 있다. 하지만 같은 style을 WET방식으로 반복하여 적었으므로, 배경색을 변경하려면 하나하나 수정해야 한다. 이를 ..