푸른영혼의별

1. 위치 가져오기 expo install expo-location 2. 서버통신 설치 yarn add axios 3.파이어베이스 설치 expo install firebase 4. expo-constants 사용 expo install expo-constants

Expo 상태바 설치 expo install expo-status-bar 네비세이션설치코드 yarn add @react-navigation/native 네비게이션 추가설치코드 expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view 책갈피=> Stack.Navigator 페이지화 => Stack.Screen expo install expo-linking

1. 기본 App 세팅 import React from 'react'; import main from './assets/main.png'; import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native'; export default function App() { console.disableYellowBox = true; //return 구문 밖에서는 슬래시 두개 방식으로 주석 return () } const styles = StyleSheet.create({})

npm install express npm init -y npm install ejs

for (let i = 0; i { console.log(`His/her name is ${person.name}. He/She is ${person.age} years old.`) })

1. 이메일 정규식 var emailRule = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; 2. map 함수 형태 let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기'] let count = 0; fruit_list.map((f)=>{ if(f=="딸기") count++; })

보안적 이슈 Docker 설치후 docker 실행후 docker ps 라고 cmd에 치면 가동 docker run [options] {image_name} [command] : docker --help 참조 docker run -d -p 80:80 docker/getting-started docker stop Stop의 경우에는 SIGTERM 이라는 신호를 보냄 docker kill Kill의 경우에는 SIGKILL이라는 신호를 보냄 실행 명령 유형 docker exec [options] {container_id|container_name} [command] 컨테이너 목록보기 명령 docker exec id ls 컨테이너 쉘 들어가기 (나가기 exit) Docker exec -ti id sh 도커 삭제 ..

http://myoungsoolim.shop/ 원페이지쇼핑몰 첫 웹서비스 myoungsoolim.shop 내생에 첫 웹서비스 완성!! 1. Git Bash 에서 우분투서버 연결법 ssh -i [서버키페어] ubuntu@ip 2. 우분투 서버에서 파이선 가동 상태 고정 nohup python app.py & 3. 가동 상태 고정 서버 프로그램 끄기 [1] ps -ef | grep 'app.py' (app.py를 사용하는 프로그램 다 찾기) [2] klill -9 xxxxx (xxxxx 프로그램 소멸) 4. 몽고DB insert , find(list), update , delete 양식 from pymongo import MongoClient client = MongoClient('localhost', 27..

1. 전화번호형식 적용법 var regExpPhone = /^\d{2,4}-\d{3,4}-\d{4}$/; if(!regExpPhone.test(phone)){ alert("전화번호 형식이 올바르지 않습니다."); return false; } 2.ajax GET 형식 $.ajax({ type: "GET", url: "/order", data: {}, success: function (response) { console.log(response) }) 3.ajax POST형식 $.ajax({ type: "POST", url: "/order", data: {name_give: name, count_give: count, address_give: address, phone_give: phone}, success:..

1. (윈도우)파이썬 다운로드 링크 https://www.python.org/ftp/python/3.8.6/python-3.8.6-amd64.exe 2. (윈도우) mongoDB다운로드 링크 https://www.mongodb.com/try/download/community 3. (윈도우) 몽고DB 기본url http://localhost:27017/ 4. Robot3T 다운로드링크 https://robomongo.org/download 5. (윈도우)Git bash 다운로드 링크 https://git-scm.com/ 6. requests , bs4 , pymongo 라이브러리 import requests from bs4 import BeautifulSoup from pymongo import Mongo..

1. javascript (includes 함수를 배웠습니다.) email.includes('@') => @를 포함한 2. jQuery attr 을 이용해 속성값을 변경했습니다. ex) let imgurl = response[0]['url']; $("#img-cat").attr("src", imgurl); [정보모음] [1]. 크롬확장프로그램 json view https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko

1. CSS 기본 span 태그가 div 안에서 글자 조정할 때 쓴다는 걸 배웠다. margin 은 바깥 여백이고 padding은 안쪽 여백으로 바뀌고 요소를 display: block 으로 해서 앞뒤 줄바꿈이 되는게 신기했다. 2.구글폰트활용법 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 여기서 가져와서 CSS에 * 를 wrap 클래스로 전체 덮으면 원하는 폰트를 쓸수 있는 것을 배웠다. 3. 부트스트랩 활용법 https://getbootstrap.com/docs/4.0/components/aler..

1. 스프링 작동순서(listenter - 서블릿만들고 제거 , filter - 동작전에 거를것, servlet - db통신,http통신(get,post...) [관점지향 spring:aop pointcut - aspect ] 2. 스프링 구동순서 [서버킴] -> CATALINA:APR(톰캣라이브러리로드- OpenSSL) -> 프로토콜 핸들러 ["http-nio-8082"]을(를) 초기화 및 시작 [ 초기 컨테이너 설정세팅 ] web.xml -> contextConfigLocation WebApplicationContext ~ 설정 시작 ContextLoader - XmlWebApplicationContext - XmlBeanDefinitionReader -> [ web.xml 에 명시한위치] Autow..

[1]개발자 1단계: 프로그래밍언어:Java,Python,Ruby,Swift + 운영체제) -컴파일러에게 문서로 일을 시키는 사람 2단계:프론트엔드(애플리케이션,웹) | 네트워크(API,이미지처리) | 백엔드(서버+데이터베이스) 3간계:프레임워크,라이브러리,깃(Git) 디자인 구글 - Java ,Kotlin [2]개발자들의 작업을 도와주는 기능( IDE- 통합개발환경: Eclipse,PyCharm,AndroidStudio) OS(제어) : CPU( 머리) + 메모리(작업공간) + HDD, SSD(창고) Microsoft : C#, Visual Basic , C++, Javascript MacOS,iOS : : Objective-C, Swift Android : Java , Kotilin [3] 통신법 L..

JPA 특징 데이터를 객체지향적으로 관리할 수 있기 때문에 개발자는 비즈니스 로직에 집중할 수 있고 객체지향 개발이 가능하다. 자바 객체와 DB 테이블 사이의 매핑 설정을 통해 SQL을 생성한다. 객체를 통해 쿼리를 작성할 수 있는 JPQL(Java Persistence Query Language)를 지원 JPA는 성능 향상을 위해 지연 로딩이나 즉시 로딩과 같은 몇가지 기법을 제공하는데 이것을 잘 활용하면 SQL을 직접 사용하는 것과 유사한 성능을 얻을 수 있다. JPA를 왜 사용해야 할까 sql 중심적인 개발에서 객체 중심적인 개발이 가능하다. sql 코드의 반복, 객체지향과 관계지향 데이터베이스의 페러다임 불일치 Object -> [SQL 변환] -> RDB에 저장 [개발자 == SQL 매퍼] 라고..

1. 네트워크7계층 : 1번째 계층 물리계층 통신케이블,리피터(신호를 수신하고 증폭하며 매체의 다음구간으로 재전송),허브(리피터에 몇가지 기능 추가, 패킷모니터링, 멀티포트) 2. 네트워크7계층 : 2번째 계층 데이터링크 계층 브릿지(패킷프래임이 도착하면 도착지 주소를 해석해서 라우팅테이블 만듬), 스위치 3.네트워크7계층 : 3번째 계층 네트워크 계층 IP(패킷전달책임)-ICMP(패킷전달에러보고), ROUTE(인터넷네트워킹) 4.네트워크7계층 : 4번째 전송 계층 TCP(시퀀스 넘버기반의 오류제어방식:유효성,효율성), UDP 5.네트워크7계층 : 5번째 세션계층 데이터가 통신하기 위한 논리적인 연결(통신대문:세션설정,유지,종료,전송 중단시 복구) 6.네트워크7계층 : 6번째 표현 계층 암호화(복호화),..

AOP 주요 개념 Aspect : 위에서 설명한 흩어진 관심사를 모듈화 한 것. 주로 부가기능을 모듈화함. Target : Aspect를 적용하는 곳 (클래스, 메서드 .. ) Advice : 실질적으로 어떤 일을 해야할 지에 대한 것, 실질적인 부가기능을 담은 구현체 JointPoint : Advice가 적용될 위치, 끼어들 수 있는 지점. 메서드 진입 지점, 생성자 호출 시점, 필드에서 값을 꺼내올 때 등 다양한 시점에 적용가능 PointCut : JointPoint의 상세한 스펙을 정의한 것. 'A란 메서드의 진입 시점에 호출할 것'과 같이 더욱 구체적으로 Advice가 실행될 지점을 정할 수 있음 Welcome Files 웰컴 파일이란 디렉토리의 기본 웹 페이지이다. 클라이언트가 서블릿 이름을 생..