|
'분류 전체보기'에 해당되는 글 74건
next.js 13 Super expression must either be null or a function 에러 발생시Front-end/Next.js 2023. 6. 27. 14:30
error TypeError: Super expression must either be null or a function 에러 발생시
아래와 같이 "use client"; 를 코드 첫줄에 넣어주면 에러 사라짐. 에러가 사라지고 화면이 표시된다.
무료 Serverless Postgres (PostgreSQL) 데이터베이스 이용하기Dev/database 2023. 6. 18. 12:03최근 사이드 프로젝트를 진행하며 개발간 사용할 무료 PostgreSQL 데이터베이스를 찾아보게 되었습니다. Neon serverless postgres 라는 서비스를 알게 되었고 해당 서비스를 통하여 개발을 잰행 하였고, 무료인데 나름 공간도 넉넉하고 설정이 어렵지 않아 매우 잘 사용하였습니다. 서비스 이용 방법을 공유 합니다.
PC에 데이터베이스 설치가 부담스럽고, 따로 이용가능한 DB가 없는경우 좋은 선택일 듯 합니다. 기본 사용 설정 밥법1. Neon Serverless Postgres 사이트에 접속합니다Neon — Serverless, Fault-Tolerant, Branchable Postgres Postgres made for developers. Easy to Use, Scalable, Cost efficient solution for your next project. neon.tech 접속시 후한 무료 티어(generous free tier.) 라는 문구가 눈에 띄네요.,
가격정책에 들어가보면 아래와 같이 사용 가능 용량을 확인하여 볼 수 있습니다.
무료 티어 기준
사용 가능 합니다. 개발환경에서 왠만한 상황이 아니고서는 꽤나 넉넉해 보입니다. 속도도 개발 환경에서는 쓸만했습니다. (초기 접속은 약간의 Delay가 느껴졌습니다.)
2. 가입을 진행 합니다. (Sign up)
저의 경우 Google 계정을 이용하여 가입을 진행하였습니다.
3. 신규 프로젝트 생성하기로그인시 Neon console 로 이동되며 Projects 목록에 New Project를 통하여 신규 프로젝트를 등록합니다..
생성 후 프로젝트를 선택하여 보면 접속정보 및 사용 내역을 한눈에 확인 가능합니다. 그중 접속정보는 Connection 정보를 확인하시면 됩니다.
Code examples 를 선택하시면 여러 프로그램 언어별로 접속 설정하는 예시 코드를 생성하여보여줍니다.
4. 접속 및 사용 테스트 (DBeaver)아래와 같이 접속 정보를 DBeaver에 입력하여 설정 후 Test 를 해보시면
조회도 아래와 같이 정상 작동합니다.
데이터베이스 개발 준비 끝~ 'Dev > database' 카테고리의 다른 글
Visual Studio Code에서 Spring 개발환경 만들기.Dev/Spring 2020. 9. 6. 15:49[Spring] VSCode로 스프링 프로젝트 빌드 :: 마이자몽 VSCode 스프링 프로젝트 빌드 스프링 프레임워크로 개발을 진행할때 이클립스 에디터를 가장 많이사용한다. 프로젝트 생성부터 프로젝트 설정을 편리하게 할 수 있어서 가장 많이 사용되고 자바 myjamong.tistory.com
[Spring] VSCode로 스프링 프로젝트 빌드 :: 마이자몽 VSCode 스프링 프로젝트 빌드 스프링 프레임워크로 개발을 진행할때 이클립스 에디터를 가장 많이사용한다. 프로젝트 생성부터 프로젝트 설정을 편리하게 할 수 있어서 가장 많이 사용되고 자바 myjamong.tistory.com JAVA 설치오픈JDK 다운로드 및 설치. (OpenJDK Download and Install) 1. 자바와 오라클. 그리고 OpenJDK. "썬 마이크로시스템즈(Sun Microsystems)" 시절의 자바(Java)는 GPL 라이센스를 가졌기 때문에 자바 프로그램 개발 및 운용에 있어 JDK(Java Development Kit, 자바 개발 도구).. recipes4dev.tistory.com JDK Builds from Oracle
jdk.java.net 윈도우에 메이븐 설치하기.jiwondh.github.io/2018/08/08/maven-install/ [Spring] 메이븐(Maven) 설치하기 (Windows) | Jiwon Blog
jiwondh.github.io
GetHostByName 경고문 발생시 처리방법Dev/C# 2019. 5. 10. 13:45'System.Net.Dns.GetHostByName(string)' is obsolete: '"GetHostByName is obsoleted for this type, please use GetHostEntry instead. http://go.microsoft.com/fwlink/?linkid=14202"'
경고 발생시 GetHostByName => GetHostEntry 로 변경하면 없어짐.
'Dev > C#' 카테고리의 다른 글
Vue 기본 문법Front-end/Vue.js 2019. 2. 22. 14:09변수 Binding <html> <head> </head> <Body> <div id="app"> <h2>{{product}} is in shock</h2> </div> <script src="https://unpkg.com/vue"></script> <script> const app = new Vue({ el: '#app', data: { product: 'Boots' } }) </script> </Body> </html> for loop <html> <head> </head> <Body> <div id="app"> <ul> <li v-for="product in products"> {{product}} </li> </ul> </div> <script src="https://unpkg.com/vue"></script> <script> const app = new Vue({ el: '#app', data: { products: [ 'Boots', 'Jacket', 'Hiking Socks' ] } }) </script> </Body> </html> 서비스의 JSON 데이터 처리 <html> <head> </head> <Body> <div id="app"> <ul> <li v-for="product in products"> {{product.quantity}} {{product.name}} </li> </ul> </div> <script src="https://unpkg.com/vue"></script> <script> const app = new Vue({ el: '#app', data: { products: [ ] }, created () { fetch('https://api.myjson.com/bins/74l63') .then(response => response.json()) .then(json => { this.products = json.products }) } }) </script> </Body> </html>
IF 문 <html> <head> </head> <Body> <div id="app"> <ul> <li v-for="product in products"> {{product.quantity}} {{product.name}} <span v-if="product.quantity === 0"> - OUT OF STOCK </span> </li> </ul> </div> <script src="https://unpkg.com/vue"></script> <script> const app = new Vue({ el: '#app', data: { products: [ ] }, created () { fetch('https://api.myjson.com/bins/74l63') .then(response => response.json()) .then(json => { this.products = json.products }) } }) </script> </Body> </html> compute (합계 구하기) <html> <head> </head> <Body> <div id="app"> <ul> <li v-for="product in products"> {{product.quantity}} {{product.name}} <span v-if="product.quantity === 0"> - OUT OF STOCK </span> </li> </ul> <h2>Total Inventory: {{totalProducts}}</h2> </div> <script src="https://unpkg.com/vue"></script> <script> const app = new Vue({ el: '#app', data: { products: [ ] }, computed: { totalProducts() { return this.products.reduce((sum, product) => { return sum + product.quantity }, 0) } }, created () { fetch('https://api.myjson.com/bins/74l63') .then(response => response.json()) .then(json => { this.products = json.products }) } }) </script> </Body> </html> Control (버튼 추가) <html> <head> </head> <Body> <div id="app"> <ul> <li v-for="product in products"> {{product.quantity}} {{product.name}} <span v-if="product.quantity === 0"> - OUT OF STOCK </span> <button @click="product.quantity += 1"> Add </button> <button @click="product.quantity -= 1"> Sub </button> </li> </ul> <h2>Total Inventory: {{totalProducts}}</h2> </div> <script src="https://unpkg.com/vue"></script> <script> const app = new Vue({ el: '#app', data: { products: [ ] }, computed: { totalProducts() { return this.products.reduce((sum, product) => { return sum + product.quantity }, 0) } }, created () { fetch('https://api.myjson.com/bins/74l63') .then(response => response.json()) .then(json => { this.products = json.products }) } }) </script> </Body> </html> Control (입력상자 Input) <html> <head> </head> <Body> <div id="app"> <ul> <li v-for="product in products"> <input type="number" v-model.number="product.quantity"> {{product.name}} <span v-if="product.quantity === 0"> - OUT OF STOCK </span> <button @click="product.quantity += 1"> Add </button> <button @click="product.quantity -= 1"> Sub </button> </li> </ul> <h2>Total Inventory: {{totalProducts}}</h2> </div> <script src="https://unpkg.com/vue"></script> <script> const app = new Vue({ el: '#app', data: { products: [ ] }, computed: { totalProducts() { return this.products.reduce((sum, product) => { return sum + product.quantity }, 0) } }, created () { fetch('https://api.myjson.com/bins/74l63') .then(response => response.json()) .then(json => { this.products = json.products }) } }) </script> </Body> </html> Unity 개발환경 구축Dev/Unity 2019. 2. 19. 13:35unity 사이트에 접속해서 프로그램 다운로드 & 설치 시작하기 >> Personal 무료체험 >> Windows용 설치 프로그램 다운로드 UnityDownloadAssistant-2018.3.5f1.exe 형태의 설치 프로그램 다운로드... 후 실행한다. Unity Download Assistant 설치 프로그램이 실행 되고... 난 mobile 개임 개발 환경을 만들 것이므료 -> default + Android Build Support + iOS Build Support 선택 후 Next (visual studio 는 종료 되어 있어야함.) 끝까지 설치 진행한다. (visual studio installer를 통해 비주얼 스튜디오(community 버전)도 설치됨) unity 계정 가입 & 로그인 설지 완료후 시작 > Visual Studio 2017 Tools for Unity Package "실행" 1. Sign in) Sign into your Unity ID 표시가 나타나면 create one 클릭하여 계정생성 (email, username, full name, 비밀번호 입력 -> Confirm mail 수신하여 15일 안에 Link to confirm email 클릭해주면 계정페이지로 이동되며 끝. 2. License) 다시 프로그램으로 돌아와 Continue 눌러주면 License 스텝으로 이동 후 Unity Personal 선택 후 "Next" 클릭 => popup화면(License agreement) 에서 "I don't use Unity in a professional capacity" 선택후 Next 3. My Profile) 4. Thank you) "Thank you!" -> Start Using Unity 클릭 프로젝트 생성 가능한 화면이 나타난다. "New Project" Json.NET 구현방법 (Newtonsoft.Json)Dev/C# 2019. 2. 14. 16:00테스트 환경 : Windows 10, Visual Studio 2015 URL : Newtonsoft https://www.newtonsoft.com/json License : MIT License 1. Newtonsoft.Json 패키지 설치 - Visual studio의 우측 상단 윈도우최소화 버튼 좌측의 "빠른실행 (Ctrl+Q)" 에 'nuget'키워드를 입력 후 검색결과중 "도구 -> NuGet 패키지 관리자 -> 패키지 관리자 콘솔" 클릭 - 패키지 관리자 콘솔이 하단에 나타난다. 프롬프트에 명령어 입력후 엔터 (패키지 설치 대상 솔루션이 열려 있어야함.) PM> install -package Newtonsoft.Json '.NETFramework,Version=v4.5.2'을(를) 대상으로 하는 'JsonTester' 프로젝트에 대한 'Newtonsoft.Json.12.0.1' 패키지의 종속성 정보를 수집하려는 중 종속성 정보 수집 시간: 22.36 ms DependencyBehavior가 'Lowest'인 'Newtonsoft.Json.12.0.1' 패키지의 종속성을 확인하려는 중 종속성 정보 확인 시간: 0 ms 'Newtonsoft.Json.12.0.1' 패키지 설치 작업을 확인하고 있습니다. 'Newtonsoft.Json.12.0.1' 패키지 설치 작업을 확인했습니다. 'nuget.org'에서 'Newtonsoft.Json 12.0.1' 패키지를 검색하는 중입니다. GET https://api.nuget.org/v3-flatcontainer/newtonsoft.json/12.0.1/newtonsoft.json.12.0.1.nupkg OK https://api.nuget.org/v3-flatcontainer/newtonsoft.json/12.0.1/newtonsoft.json.12.0.1.nupkg 5ms Newtonsoft.Json 12.0.1을(를) 설치하는 중입니다. 'D:\Project\shpark\sample\JsonTester\packages' 폴더에 'Newtonsoft.Json.12.0.1' 패키지를 추가하고 있습니다. 'D:\Project\shpark\sample\JsonTester\packages' 폴더에 'Newtonsoft.Json.12.0.1' 패키지를 추가했습니다. 'packages.config'에 'Newtonsoft.Json.12.0.1' 패키지를 추가했습니다. JsonTester에 'Newtonsoft.Json 12.0.1'을(를) 설치했습니다. Nuget 작업 실행 시간: 1.91 sec 경과 시간: 00:00:04.3644066 --------------------------------------- 설치 진행 로그 => 참조에 Newtonsoft.Json 추가, packages.config 추가됨. 2. 구현추가 - 코드 상단 namespace using 추가 using Newtonsoft.Json; using Newtonsoft.Json.Linq; - Serialize (객체 -> JSON 문자열) - Deserialize (JSON 문자열 -> 객체) - LINQ to JSON (컬렉션 형태의 데이터 -> JSON 문자열 끝. 테스트 해보니 잘 된다~ 보안 때문에 실제 테스트 코드와 캡쳐 이미지는 업로드 불가. ㅎㅎ 'Dev > C#' 카테고리의 다른 글
WoW64 활성화OS/Windows 2014. 5. 22. 12:57명령프롬프트를 실행후 다음 명령어를 실행한다.
Start /w ocsetup ServerCore-WOW64
네트워크에 있는 다른 시스템과 IP주소가 충돌합니다.Dev/Network 2014. 2. 4. 09:54cmd를 실행해서 명령 프롬프트를 띄운다.
1. > ipconfig /release 2. > ipconfig /renew
정상적으로 된다. 'Dev > Network' 카테고리의 다른 글
|
