리액트 네이티브 개발환경 준비하기 🌈공통 Node.js / JDK / 안드로이드 스튜디오 💻맥 & 윈도우 맥 : 왓치맨 / Xcode , 윈도우 : 파이썬 나는 다른 것들은 다 세팅이 되어 있어서 파이썬만 추가로 설치했다. 리액트 네이티브 프로젝트 만들기 1. Expo Expo는 리액트 네이티브를 편하게 사용할 수 있도록 설정되어 있는 툴 완성된 프로젝트를 쉽게 배포, 관리할 수 있는 다양한 기능을 제공함 아래 명령어로 expo-cli를 설치 npm install --global expo-cli Expo 프로젝트 생성 생성된 프로젝트로 이동해서 프로젝트 실행 웹 브라우저에 페이지가 열리며 안드로이드 폰에서는 Expo 애플리케이션의 Scan QR Code를 이용하고, 아이폰은 기본 카메라 애플리케이션을 이..
리액트 네이티브(React Native) 란? 2015년 3월 페이스북에 의해 공개된 오픈소스 프로젝트 웹 브라우저가 아닌, iOS와 안드로이드(Android)에서 동작하는 네이티브 모바일 애플리케이션을 만드는 자바스크립트 프레임워크 리액트 네이티브 장점 두 플랫폼(iOS, Android) 동시 개발 가능 모바일 개발 지식이 없어도 자바스크립트만 알고 있으면 쉽게 시작할 수 있음. 변경된 코드를 저장하기만 해도 자동으로 변경된 내용이 적용된 화면을 확인할 수 있는 Fast Refresh 기능 제공 리액트 네이티브 단점 리액트 네이티브가 네이티브 코드로 전환되는 장점은 있으나, 네이티브 새로운 기능을 사용하는데 오래 걸린다는 단점이 있음. iOS, Android에서 업데이트를 통해 새로운 API를 제공하더..
디자인 패턴 -각 모듈의 세분화된 역할이나 모듈들 간의 인터페이스와 같은 코드를 작성하는 수준의 세부적인 구현 방안을 설계할 때 참조할 수 있는 전형적인 해결 방식 또는 예제 생성 패턴 추상 팩토리(Abstract Factory) 빌더(Builder) 팩토리 메소드(Factory Method) 프로토타입(Prototype) 싱글톤(Singleton) 구조 패턴 어댑터(Adapter) 브리지(Bridge) 컴포지트(Composite) 데코레이터(Decorator) 퍼싸드(Facade) 플라이웨이트(Flyweight) 프록시(Proxy) 행위 패턴 책임 연쇄(Chain of Responsibility) 커맨드(Command) 인터프리터(Interpreter) 반복자(Iterator) 중재자(Mediator)..
🤍스프링 시큐리티(Spring Security)란 스프링 기반의 애플리케이션의 인증, 인가 등을 담당하는 스프링 하위 프레임워크 인증과 권한에 대한 부분을 Filter 흐름에 따라 처리함 보안에 대해 체계적으로 다양한 옵션을 제공해주므로 개발자가 보안 관련 로직을 작성하지 않아도 됨. 스프링 시큐리티, SNS 로그인 구현하기 1. build.gradle 관련 의존성 추가 implementation 'org.springframework.boot:spring-boot-starter-oauth2-client' implementation('org.springframework.session:spring-session-jdbc:') testImplementation 'org.springframework.securi..
이제 뮤지컬 데이터를 DB에 INSERT까지 했으니 목록을 SELECT할 차례!! 이번에 개인 프로젝트를 하는 목적은 여러 명이서만 해봤던 프로젝트 진행 과정을 처음부터 끝까지 내 힘으로 하면서 공부하는 목적이 제일 크기 때문에 엄청 큰 규모로 할 생각도 없고 일단 혼자 힘으로 해결하는 데에 의미가 가장 크다. 그래서 프론트단은 타임리프(Thymeleaf) + 부트스트랩을 사용하기로 했다. 🤍DTO, Service, Controller, Repository 작성 -먼저 Entity와 별개로 DTO를 추가로 작성해 주었다. JPA로 처리할 때 변경이 적은 Entity 대신 DTO 객체를 만들어 원하는 컬럼의 기능만 뽑고 데이터를 교환하기 위해서. MusicalDTO 1 2 3 4 5 6 7 8 9 10 1..
내가 프로젝트를 시작한지 일주일 되었는데 글을 이제서야 쓰는 이유는...? 이 작업만 거의 일주일이 걸렸기 때문이다...ㅎㅎㅎ Open API를 가져다 써본 경험이 없어서 처음이었고 + 보통 JSON 형식이던데 KOPIS API는 XML형식이라 파싱하는 것부터 애를 먹었다ㅠㅠ 그리고 DB 넣는 거!!! 이게 너무너무 어려웠다... 하고 나니 간단한데... 암튼 구글링을 했을 때 정보가 부족하다는 생각이 들어서 이것부터 정리를 해보려고 한다. 🤍XML 형식의 Open API 데이터 JSON 형식으로 파싱하기 1. 가장 먼저 Open API를 사용하기 위해 필요한 서비스키를 신청한다. 이 과정은 간단하기 때문에 생략. 2. 그다음으로 사이트에 개발에 필요한 가이드라인이 올라와 있다. 나는 뮤지컬 목록을 불러..
개인 공부 + 이직 위해 미니프로젝트 해보기!! 시작한지 일주일정도 됐고 뒤늦게 블로그에 차근차근 정리해보기로 한다. 학원 스터디원들과 해본 것 말고 혼자서 처음부터 끝까지 다 해보는 것은 처음인데 혼자 하니까 확실히 공부는 많이 되는 것 같다. 💡 프로젝트 소개 뮤지컬을 기반으로 한 커뮤니티 사이트 구축 뮤지컬의 대중적인 인지도가 높아지고 있는 반면에 뮤지컬 팬들이 자유롭게 소통할 수 있는 커뮤니티 사이트는 아직 마련되어 있지 않음. 👩💻 작업 목표물 (아직 경험이 없는) Open API 가져와서 쓰기 -> 신청, XML JSON 파싱, DB까지 넣기 뮤지컬 목록 출력 로그인, 회원가입 뮤지컬 평점 회원 게시판 💡 개발 환경 Java 11 IntelliJ SpringBoot + Thymeleaf My..
여러 차례 까이고(??) 구글 애드센스 광고 게재를 시작한 지 벌써 두 달이 다되어간다! 다시 봐도 감격스러운 애드센스 게재 승인(??)메일 ㅋㅋㅋ 그리고 애드센스 누적금액 10달러 초과하면 구글 애드센스에서 핀번호(PIN)가 들어있는 우편물을 보내준다! 그래서 이 우편물이 내게 발송되었다는 것은 수익금을 받을 수 있는 최종 단계까지? 도달했다는 뜻이라고 한다 후훗. 아직 광고 클릭수나 잔고가 소소하긴 하지만 이런거 오니까 너무 신기함ㅋㅋㅋㅋ 암튼 우편물은 보통 2~4주 정도 걸린다고 하는데 발송 시점에서 4개월동안 핀번호를 입력 못하면 광고가 중단될 수 있어서 만약 한 달?정도 지났는데 우편물이 오지 않는다면 우편물 재발송을 신청하는 게 좋다고 한다. 구글..해외에서 멀리 오는 우편물이라 조마조마하면서..