[Tistory] React Native와 Next.js로 웹뷰 개발하기

React Native와 Next.js를 사용하여 웹뷰를 개발할 때 고려해야 할 사항들을 자세히 살펴보겠습니다.요약React Native와 Next.js를 활용하여 웹뷰 기반 모바일 앱을 개발할 때는 각 프레임워크의 장단점을 잘 파악하고 적절히 활용해야 합니다. 성능, 배포, 개발 생산성 등 다양한 측면에서 고려사항이 있으며, 사용자 경험을 저해하지 않도록 주의해야 합니다.React Native와 Next.js로 웹뷰 개발하기1. React Native 웹뷰 개발React Native에는 내장된 WebView 컴포넌트를 사용하여 웹 콘텐츠를 앱에 임베딩할 수 있습니다.디바이스 호환성, 스타일링, 레이아웃 등 React Native 고유의 특성을 고려해야 합니다. [1]성능 및 사용성 문제를 방지하기 위한..

[Tistory] [리얼월드] 3.1 운동의 숨겨진 이야기 ‘독립운동가로서 임무를 완수하라’

뫼와 들에 물이 오르는 달 하루라는 순우리말을 아시나요? 이 말의 뜻은 3월 1일을 의미합니다. 이 날은 바로 삼일절로 일본의 신민 통치에 항거하고, 독립선언서를 발표하여 한국의 독립 의사를 세계만방에 알린 날을 기념하는 국경일입니다. 뫼와 들에 물이 오르는 달 하루 소개 뫼와 들에 물이 오르는 달는 리얼월드에 속해 있는 하나의 콘텐츠입니다. 리얼월드는 간단히 말해 Play 스토어의 어플케이션으로 내가 주인공이 되어 세상을 돌아다니면서 플레이할 수 있는 어플입니다. 소개해 드릴 것은 교육과 추리, 역사 카테고리의 삼일절과 관련된 내용을 담은 이 콘텐츠입니다. 무료로 플레이 가능하며, 비영리의 목적으로 초등학교 수업용을 게임으로 제작되었습니다. 뫼와 들에 물이 차오르는 달 하루 스토리 역사 수업의 일환으로..

[Tistory] github

[GIT]GIT은 버전관리 시스템으로, 과거 CVS, SVN 등의 버전관리 시스템에서 발전한 시스템입니다. 여러명의 사용자들 간에 파일에 대한 작업을 조율하는데 사용됩니다. 그중에서 git bash는 WINDOWS에서 git을 설치하면 사용할 수 있는 유닉스 쉘 프로그램으로, 유닉스 환경에서 사용하기 때문에 linux, mac의 terminal처럼 사용이 가능한 프로그램 입니다. (windows의 cmd는 리눅스처럼 CLI환경이지만, 리눅스와는 명령어 등 세부적인 부분에서 다른 부분이 존재합니다) 따라서 linux, mac, windows 어느 환경을 사용하던 동일한 방식으로 git을 사용할 수 있다는 장점이 있으며 유닉스 쉘 프로그램이므로 유닉스를 쓰듯이 다른 사용 역시 가능하다. (자바 파일 생성, ..

[Tistory] 내일배움캠프 40일차 TIL – 모의면접 회고록

[파이썬]1. Python의 장점과 단점은 무엇이라고 생각하시나요?https://velog.io/@jnine/%ED%8C%8C%EC%9D%B4%EC%8D%ACPython-%ED%8A%B9%EC%A7%95-%EB%B0%8F-%EC%9E%A5%EB%8B%A8%EC%A0%90-%EC%A0%95%EB%A6%AChttps://m.blog.naver.com/djusti/223239608485파이썬의 장점은 문법이 쉽고 간결하다는 것입니다. 그래서 비전공자도 쉽게 배울 수 있고 개발속도도 빠르고, 생태계가 활발합니다. 또, 다른 언어나 라이브러리에 쉽게 접근해 연동이 가능합니다.단점은 다른 언어에 비해 느리다는 것입니다. 멀티스레딩을 제대로 활용할 수 없기 때문입니다. 따라서 빠른 속도를 요구하거나 하드웨어를 직접 ..

[Tistory] [OOP] C2. 자바의 절차적/구조적 프로그래밍

1. JDK, JRE, JVM JDK (Java Development Kit) JDK는 자바 개발 도구로, 자바 환경에서 돌아가는 프로그램을 개발하는 데 필요한 도구들을 모아놓은 소프트웨어 패키지입니다. JVM과 JRE에 의해 실행되고 구동될 수 있는 자바 프로그램을 생성할 수 있게 해줍니다. JDK에는 개발, 디버깅 등을 위한 도구가 포함되어 있습니다. JRE (Java Runtime Environment) JRE는 자바 실행 환경으로, JVM과 JVM이 자바 프로그램을 동작시킬 때 필요한 라이브러리 파일들과 기타 파일들을 가지고 있습니다. 다른 소프트웨어를 실행하도록 설계된 소프트웨어입니다. 여기에는 클래스 라이브러리, 로더 클래스 및 JVM이 포함됩니다. JVM (Java Virtual Machin..

[Tistory] [내배캠][TIL] 9일 차 – 목요일, 알고리즘 문제 풀이 시작과 개인 과제

📢 오늘의 목표 📢 ✔️ 알고리즘 특강✔️ 알고리즘, SQL 문제 풀이     ✔️ 데일리 루틴 알고리즘     ✔️ 데일리 루틴 SQL     ✔️ 프로그래머스 Level 1✔️ Java 문법 강의 보충     ✔️ 5강 숙제     ✔️ Lock, Condition✔️ 개인 과제 Level 2   ⏱️ 오늘의 일정 ⏱️ 9:00 ~ 10:30 – 알고리즘 특강10:30 ~ 12:30 – 알고리즘, SQL 문제 풀이12:30 ~ 13:00 – 개인 공부 (강의 숙제) 12:30 ~ 14:00 – 점심시간14:00 ~ 17:00 – 개인 과제 Level 217:00 ~ 18:00 – 머리 식히기 (인텔리제이 깃 사용법 서치, 스프링 책 서치)18:00 ~ 19:00 – 저녁 시간19:00 ~ 20:0..

[Tistory] 자바스크립트 – 객체, 프로퍼티, key, value, 메서드

객체(Object)란? 자바스크립트에서는 원시 타입을 제외한 나머지 모두가 객체입니다(함수나 배열도 객체입니다) JavaScript 내장 객체: 자바스크립트 엔진이 구동되는 시점에 바로 제공되고 어디에서나 사용이 가능(ex. Date, Number) 브러우저 내장 객체: Javascript가 구동되는 시점에 바로 사용이 가능한 객체(ex. BOM, DOM) 사용자 정의 객체: 사용자가 생성자 함수 또는 객체 리터럴로 생성한 객체 객체는 키(key)와 값(value) 한 쌍으로 구성된 속성(property)의 집합입니다 객체에는 하나 이상의 다양한 값들을 담을 수 있는데 이들 사이에 쉼표(,)로 구분을 해줍니다 Property(프로퍼티) var student = { firstName : “Judy”, //..

[Tistory] MVC 패턴

MVC 패턴 이란소프트웨어 디자인 패턴 중 하나로 “Model – View – Controller” 의 약자Model과 View, Controller는 밑의 그림과 같은 흐름으로 이뤄진다. 사용자는 View를 통해서 UI를 확인하고 사용자가 Controller에 내린 명령을 통해 View에서 그 결과를 확인할 수 있다. 명령을 받은 Controller는 Model에게서 data를 받아오고 받아온 data를 통해 View에서 보여준다. 간단하게 표현하면 Model, View, Controller는 다음과 같다. Model = DB View = Web Controller = WAS controller 파일은 .do 확장자를 가진 파일이며 사용자가 요청한 data에 대해 동적으로 이를 DB로 전달하게 된다. ..

[Tistory] Context Api + Reducer로 전역상태 관리하기 / 아워홈 사전과제

1. Why? 아워홈 사전과제에서 상품 리스트의 물건을 장바구니에 담는 부분이 있었다. 이를 위해서는 전역 상태에 장바구니에 담겨있는 상품과 수량 이 필요해 보였다. 이를 사용하는 기능으로는 상품 리스트에서 버튼을 누를경우 장바구니에 담김 이미 담겨 있을 경우 수량 + 1 장바구니에서 수량을 조절할 경우 상품의 수량이 변경 정도가 있을텐데, 겨우 이 정도의 상태 관리를 위해서 전역 상태관리 라이브러리를 사용하는 것은 낭비라는 생각이 들었다. 그래서 React의 네이티브 기능인 Context Api를 통해서 장바구니 상태를 구현했다. 2. How? Context Api란? 일단 Context Api에 대해서 공식문서로 먼저 알아보자. Context Context lets a parent—even a dis..

[Tistory] 코틀린이란?

코틀린이란? 2011년 JetBrains사가 공개한 프로그래밍 언어로 JVM에서 동작한다 간결하고 실용적이며 자바 코드와의 상호운영성을 중시한 언어라고 한다. 구글에서 코틀린을 자바에 이어 안드로이드 공식언어로 선언했다고 한다. 호환성과 성능 코틀린은 JDK 6과 완벽하게 호환가능하다 구형 안드로이드 기기 지원이 된다는 점은 코틀린을 사용하는 하나의 장점이라고 할 수 있다. 안드로이드 스튜디오에서 지원이 되는 언어이기 때문에 안드로이드의 빌드 시스템과도 완벽히 호환된다. 자바 만큼 빠르다는 이야기가 많다. 주요 특성 대상 플랫폼 코틀린의 주 목적은 현재 자바가 사용되고 있는 모든 용도에 적합하면서도 더 간결하고 생산적이며 안전한 대체 언어를 제공하는 것이다. 서버상의 코드 – 웹 애플리케이션의 백엔드 안..