낭만 개발자 고포고

[nextjs+ts]프로젝트 02. TailwindCSS 설정 [설치] npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p npm install -D prettier prettier-plugin-tailwindcss [경로 설정] - tailwind.config.js module.exports = { content: ["./pages/**/*.{js,jsx,ts,tsx}","./components/**/*.{js,jsx,ts,tsx}"], theme: { extend: {}, }, plugins: [], } [글로벌 지정] - index.css @tailwind base; @tailwind components; @tailwind..

[nextjs+ts]프로젝트 01. 개발환경 설정 개발환경: frontend : nextjs typescript tailwindCSS backend : asp.net core 3.1 다음 환경을 기반으로 Dashboard 기반 Admin CMS 개발 예정 [nextjs+typescript 설치] npx create-next-app@latest --typescript [18 rc 버전으로 업데이트] npm i next@latest react@rc react-dom@rc [next.config.js] - 버그를 위한 옵션 추가 /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, experimental: {re..

[react/javascript] ERROR in Failed to load plugin 'flowtype' declared in 'package.json » eslint-config-react-app': Cannot find module 'eslint/use-at-your-own-risk' 작업 환경이 변경되어 새로운 노트북에서 clone 하여 새로 환경을 구축하였더니 다음과 같은 오류가 떴다, 환경의 node 버전 혹은 npx버전이 맞지 않아 생긴 오류인거같다 해결법은 간단하다. eslint관련 옵션을 제외 시켰다 #package.json 아래 환경을 제거 "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, 정상적으로 잘 작동한다. #..

[react/vscode] 리액트 기본 컴포넌트(함수형) shotcut rcc 후 탭을 누르면 파일명의 이름으로 함수형 컴포넌트가 자동완성 된다. import React, { Component } from 'react'; class TopBar extends Component { render() { return ( ); } } export default TopBar; #rcc #shotcut #숏컷 #자동완성 #react #js #리액트 #함수형

[asp.net/.netcore] asp.net에서 파일 업로드 시 대용량(large) 파일 업로드 하는 방법(asp.net request body too large 해결법) 기준 버전 .NET Core 3.1 #기본적으로 asp.net에서는 30mb이상의 파일업로드가 불가능하여 제약을 풀어야한다. #[web.config] - 용량제한을 1GB 이상으로 올려준다. #[Startup.cs] - 각 환경별로 제약을 풀어준다 public void ConfigureServices(IServiceCollection services) { services.AddDistributedMemoryCache(); services.Configure(x => { x.ValueLengthLimit = int.MaxValue; x..

[css/html] ::after (:after) 개념과 사용법 # ::after는 앞에 정의된 태그(요소)에 연장선으로 붙여서 내용을 표현할떄 사용한다. //로그인 영역 #loginWrap .goJoin { background-color: red; display: inline-block; width: 100%; padding: 20px 0 0; } //뒤에 붙이기 #loginWrap .goJoin::after { content: "가나다라"; display: inline-block; clear: both; background-color: blue; } #빨간 영역뒤에 가나다라의 파란 영역이 붙은걸 확인 할 수 있다. # :after는 css2문법 ::after는 css3문법이다, 기본적으론 ::afte..

[ftp/windows] FTP IIS 서버 사용시 한글 허용하는 방법 #[window 키] - [inetmgr] 입력 후 IIS 관리자로 이동 #FTP 서버가 있는 사이트로 이동 후 [고급 설정] 선택 UTF8 허용 - false로 변경 후 사이트 다시시작 한글이 허용된다. #ftp #iis #windows #ftpserver #server

#Flow -런처가 실행되면, Config파일에서 각각의 PC 및 콘텐츠, FTP 정보를 받아온다. -정보에 맞게 파일을 다운로드 한다. -런처를 통하여 각 어플리케이션을 실행한다. #런처가 실행되면, Config파일에서 각각의 PC 및 콘텐츠, FTP 정보를 받아온다. #config.ini [path] local_path=C:\Contents app_path=C:\SE_APP\test.bat host=192.168.0.75 id=ftpuser pw=1 [config] pc_num=1 item_num=1 다음 정보를 읽어들여서 INIParer를 통하여 편하게 가져온다. #ConfigHelper public class ConfigHelper { private static ConfigHelper _insta..

[wpf/c#] mvvm 을 활용한 런처(전원 관리 및 파일 관리) 만들기(2/3) #전원 관리를 위한 UDP 기능 추가 #아이피 가져오기 추가 https://gofogo.tistory.com/114 #Byte Converter 추가(ByteToString) https://gofogo.tistory.com/113 #UdpHelper 추가 https://gofogo.tistory.com/112 #WakeOnLan 추가 https://gofogo.tistory.com/100 #결과화면# #기능 -타이틀 : 내용 바인딩(기본 바인딩 소개를 위한 화면) -전원 켜기 : Wake On Lan을 이용한 특정 맥어드레스 전원 켜기 -전원 끄기: Process를 활용하여 shell shutdown을 이용하여 전원 끄기..

[c#/wpf/unity] 나의 아이피 주소 가져오기 헬퍼구현 public static class NetworkHelper { public static string GetMyIpAddress() { var host = Dns.GetHostEntry(Dns.GetHostName()); foreach (var ip in host.AddressList) { if (ip.AddressFamily == AddressFamily.InterNetwork) { return ip.ToString(); } } throw new Exception("error"); } public static bool IsLocalHost(IPEndPoint ep) { return ep.Address.ToString().Equals(GetM..