2022-02-08(화) 회의 - 관리자페이지 대시보드 뭐 넣을건지 - 휴면계정 생각해보기 - 관리자페이지 관리마다 무엇을 정확하게 관리하고싶은지 요점 없는 느낌? - 게시글 관리 ( 삭제 할 수 있는 기능이 필요함: 광고) - 채팅관리(조사가 더 필요함) - 정해야는거 : 이름, 로고, 컬러 - 경쟁사 조사, 다음 회의날 + 뭐 가지고 올건지 그 회의날 - 급한거! 이름, 어떤 느낌의 웹을 원하는지 (카톡으로 주기적으로 이야기하기) 다음주 화요일까지 정하기. 관리자페이지 대시보드 보통 접속자 수나 거래량 같은 통계자료가 들어갈 거 같음. 아니면 관리자에 해당하는 공지사항이라던가… 경쟁사 조사 이름 링크 특징 농라 https://cafe.naver.com/tlsxh 네이버 농수산 직거래 카페 카페인데 사..
직거래 농수산 거래 기획 (2022-01-03 ~ 진행중) - 농수산물 직거래 플랫폼 - 반응형 모바일웹 - 주 타켓층 40세 ~ 70세 - 직관적인 화면 권한: 시스템 관리자 판매자 구매자 프로세스: 회원가입 (핸드폰 본인인증, 주소, 카톡있으면 카톡본인인증) (판매자) 상품등록, 구매자와 채팅, 판매완료시 완료버튼, 신고 가능, 마이페이지 총판매가격 (구매자) 상품 찜, 판매자와 채팅, 신고 가능, 판매자에 대한 후기 작성, 택배 vs 직거래 선택할 수 있게 (고속버스터미널 택배) (상품) 상품이 판매중인지 표시, 구매자의 일정 거리내의 상품만 보여주기, 판매자의 성공건수, (시스템관리자) 판매자나 구매자에 대한 신고 관리 프로젝트 큰 틀을 잡아 (목표) 큰 기능들 생각해 DB짜고 화면 구성 (디자인..
*이 글은 인프런 '오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1'를 보고 학습한 내용을 기록한 글입니다. 하면 로그인 하라고 뜨고 Repository가 생성이 된다.
프로젝트에서 쓰고 있는 젠킨스를 알아보기 전에 CI와 CD를 먼저 알아보자 CI란 지속적 통합 "Continuous Integration"의 약자이다. CD란 지속적 서비스 제공 "Continuous Delivery"의 약자 또는 지속적 배포 "Continuous Deployment"의 약자이다. 개발자들은 각자 코딩을 하고 그 소스들을 합치는 일을 매번 진행한다. 각 구성원의 코드를 합치기 전에 코드에 문제가 없는지 확인하는 일이 없으면 실제 서비스에 배포하고 나서 문제가 발생할 수 있다. 소규모 프로젝트에서는 에러가 나는 지 버튼을 하나하나 눌러보며 테스트해볼수도 있지만 규모가 커지면 커질수록 사람이 하기엔 문제가 발생할 수 있다. 이렇기에 이러한 과정들을 자동화 할 필요가 생겼다. 지속적 배포란 코..
*이 글은 인프런 '오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1'를 보고 학습한 내용을 기록한 글입니다. 비주얼 스투디오를 이용해서 프로젝트를 만들고 실행해볼 수 있다. 1. 새 프로젝트를 만든다. ClientApp 폴더의 public src 구조는 create-react-app으로 만든 구조와 동일한 구조다. 즉 frontEnd는 여기에 들어있는걸로 보면되고 나머지는 backEnd로 보면 된다. 이렇게 만들면 visualStudio 또는 .net Core 로 시작을 하면 풀스택으로 시작할 수 있다. 백엔드를 .net Core가 아닌 다른 기반으로 시작해도 된다. 2. 노드 모듈 관련된 것 설치(npm install) 앞의 포스팅의 create-react-app으로 만든 것과는 다른 점..
*이 글은 인프런 '오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1'를 보고 학습한 내용을 기록한 글입니다. 책으로 공부하다가 한계를 느꼈다... 못따라가겠는건 둘째치고 너무 재미읍써 역시 인강이 최고인가... 작업환경 구축부터 시작! 1. 다운받아준다. https://visualstudio.microsoft.com/ko/vs/ Visual Studio 2022 | 무료 다운로드 Visual Studio에서 코드 완성, 디버깅, 테스트, Git 관리, 클라우드 배포를 사용하여 코드를 작성합니다. 지금 무료로 커뮤니티를 다운로드하세요. visualstudio.microsoft.com https://nodejs.org/en/ Node.js Node.js® is a JavaScript runti..
이 글은 리액트 교과서를 보며 공부한 내용을 기록한 글입니다. JSX로 작성한 코드는 실행을 시키려면 일반적인 자바스크립트 코드로 변환을 해야한다. 이 과정을 컴파일과 변환을 거친다는 의미에서 트랜스파일레이션이라고 한다. 이를 위해 사용할 수 있는 도구가 여러가지가 있다. - Babel 명령줄 인터페이스 오구 - Node.js 또는 브라우저 자바스크립트로 작성한 스크립트(API 방식) - 빌드 도구: Grunt, Gulp, Webpack 이 방법이 가장 인기가 좋고 앞으로 배워야 하는 방법이다. 여기서는 Babel을 사용한다. Babel의 주요 기능은 ES6 문법을 ES5로 자동으로 변환해주는 컴파일러지만 JSX를 자바스크립트로 변환하기도 한다. Babel CLI를 이용하여 Babel을 사용하고자 한다...
이 글은 리액트 교과서를 보며 공부한 내용을 기록한 글입니다. 지루한 컴포넌트인지 엘리먼트인지... 빨리 뛰어넘어버리지 않으면 JSX도 못본 채 리액트를 버려버릴거같았다.. 전 단계로 리액트를 구성(?)한다고 했을때 특히나 가독성이 좋지않아 뭐가 뭔지 이해하기 힘들었다. 이런 문제를 JSX로 해결한다고 한다. JSX 함수 호출과 객체 생성을 위한 문법적 편의를 제공하는 자바스크립트의 확장이다. 특히 React.createElement() 호출을 반복해야 하는 불편을 해소한다. React 엘리먼트를 생성하면서 자바스크립트의 모든 기능을 쓸 수 있도록 도와준다. Great JS Resources JSX React.createElement( "div", null, React.createElement(Hello..
프로젝트를 하면서 처음 안 기능! 그건 바로 $.extends 이다. JQuery 공식문서에서는 다음 기능을 "둘 이상의 개체 내용을 첫번째 개체로 병합합니다."라고 소개한다. jQuery.extend( target, object1 [, objectN ] ) 예시를 살펴보자. var object1 = { apple: 0, banana: { weight: 52, price: 100 }, cherry: 97 }; var object2 = { banana: { price: 200 }, durian: 100 }; // Merge object2 into object1 var result = $.extend( object1, object2 ); console.log("결과: " + JSON.stringify( re..
이슈 input length must be multiple of 16 when decrypting with padded cipher 원인 암호화는 됐는데 복호화가 안됨 HttpServletRequest nextElement()로 파라미터 값을 가져올때 '+'를 공백으로 처리해서 암호화되던게 바껴서 형식이 안맞아 복호화 오류가 나는 문제였다. 해결 replace로 공백을 '+'로 바꿔주었다.