👩‍💻 Programming

👩‍💻 Programming/Frontend

React Native 앱 3주차 개발일지

React 1. React 기초 지식 1) 컴포넌트(Component) : 정해진 엘리먼트들(요소)을 사용하여 만든 화면의 일부분 컴포넌트는 즉, 화면의 모든 부분이다. 그리고 컴포넌트란 App.js의 큰 App 함수처럼, 코드 전체를 감싸고 있는 함수를 뜻하기도 한다. 2) 속성(Props) : 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 방식 == 그냥 데이터 전달! 속성은 쉽게 생각해서 컴포넌트에 데이터를 전달한다는 것이다. 그 전달 모습은 kye와 value의 형태이다. Text 태그의 numberOfLines 속성, Image 태그의 resizeMode 속성이 그 예시이다. 속성에는 규칙이 있다. 컴포넌트에 속성(데이터)을 부여해줘서 전달할땐, 키와 벨류(content={content})..

👩‍💻 Programming/Backend

[Node.js] 정규표현식 정리(이메일, 비밀번호, 날짜, 전화번호, 날짜, 닉네임, URL, 위도, 경도)

정규표현식에 대한 기초적인 설명과 Node.js에서 적용하는 코드이다. 표현식 설명 ^ 문자열의 시작 $ 문자열의 종료 . 임의의 한 문자 (문자의 종류 가리지 않음) 단, \ 는 넣을 수 없음 * 앞 문자가 없을 수도 무한정 많을 수도 있음 + 앞 문자가 하나 이상 ? 앞 문자가 없거나 하나있음 [] 문자의 집합이나 범위를 나타내며 두 문자 사이는 - 기호로 범위를 나타낸다. []내에서 ^가 선행하여 존재하면 not 을 나타낸다. {} 횟수 또는 범위를 나타낸다. () 소괄호 안의 문자를 하나의 문자로 인식 | 패턴 안에서 or 연산을 수행할 때 사용 \s 공백 문자 \S 공백 문자가 아닌 나머지 문자 \w 알파벳이나 숫자 \W 알파벳이나 숫자를 제외한 문자 \d 숫자 [0-9]와 동일 \D 숫자를 제..

👩‍💻 Programming/Backend

[Node.js] 오답노트

1. body insert하는 변수를 넣을 때 아래와 같이 처리를 한다. let {} = req.body {}가 없으면 임의의 숫자가 삽입된다. 왜 일까? 하나만 넣어도 {} 처리를 해주어야 한다. 2. return [result] []가 있는 것과 없는 것을 잘 살펴봐야 한다.차이 알아두기 3. checkRow[0]에 속성이 null이 아니라 undefined이다.

👩‍💻 Programming/Backend

[Flask] SecretKey 비밀키 설정

개발시 API KEY, DB 정보 등을 노출한다면 보안상의 큰 문제가 있을 것이다. 그래서 우리는 파이썬 decouple 모듈을 사용해서 개발키의 노출을 최소화할 수 있다. Install $ pip3 install python-decouple Apply settings.ini [settings] TESTKEY=this_is_test_key main.py #!/usr/bin/python3 from decouple import config test_api_key = config("TESTKEY") print(test_api_key) settings.ini는 main.py 위치에 존재해야 한다. git으로 관리시에는 반드시 .gitignore 를 통해서 git에 push 되지 않도록 해야한다.

👩‍💻 Programming/Backend

Mysql Workbench ERD 다이어그램 생성 방법

1. 상단바의 Database 클릭 후 Reverse Engineer..를 클릭 2. 관련 정보를 입력하면서 Continue로 진행 3. Excute 전, 제외할 테이블이 있다면 제거 4. 이후 데이터베이스를 예쁘게 배치한 후 File-> Export로 파일을 추출한다. (PNG)

👩‍💻 Programming/Public Cloud Architecting

NCP DB 외부 접속 및 schema 생성 설정

DB 외부 접속의 경우 네이버 클라우드 플랫폼의 가이드를 보면 쉽게 진행할 수 있다. 하지만 DB 스키마 생성의 경우는 어떻게 해야할까? https://guide.ncloud-docs.com/docs/database-database-5-10 DB 서버 외부 접근 가이드 - Cloud DB for MySQL 쿠키 제공 동의 당사는 고객님의 브라우징 기반 정보를 바탕으로 관련 정보 및 광고 제공을 위하여 지식 기반 쿠키를 사용합니다. guide.ncloud-docs.com 나는 DB 외부 접속에 성공한 후, DB schema를 생성하는 것에 실패했다. 즉, Mysql WorkBench에서 직접 schma를 만드려고 하는데, 권한 문제가 발생하며 나를 혼란스럽게 했다. 아무리 서치를 해도 관련 정보가 나오지 ..

👩‍💻 Programming/Mac OS

Mac OS Python 버전 변경

맥북의 경우 내장 Python이 버전 2로 설치되어 있는 경우가 있다. Python을 최신 버전으로 바꾸어서 실행하면 좋다. 1. 파이썬 설치 위치 확인하기 $ ls -l /usr/local/bin/python* 2. 파이썬 버전 변경하기 1) 링크 연결 $ ln -s -f /usr/local/bin/python3 /usr/local/bin/python 2) ~/.bash_profile 수정 $ echo alias python="python3" > ~/.bash_profile 3. 확인하기 $ python --version 터미널을 껐다 켜거나 새로운 탭을 킨 다음 명령어를 치면 버전이 3으로 바뀐 것을 확인할 수 있다. 4. Tip 나의 경우 이전에 설치해둔 파이썬 파일들이 섞여서, 버전 관리가 전혀 ..

나리 집사
'👩‍💻 Programming' 카테고리의 글 목록 (3 Page)