웹 개발 Cloud9에서 Git 관리 (차등 비교 등) cloud9의 자세한 설명이나 기본적인 조작 방법 등은 이쪽을 참조하면 좋다고 생각합니다. Cloud9와 Git 연동 방법에 대해서는 여기를 참조하면 좋다고 생각합니다. (아래 절차를 수행하기 전에 협력하면 이야기가 원활해집니다) Cloud9를 시작합니다. 편집기 화면 열기 화면 우측 상단의 설정 마크 (기어 마크)를 누르십시오 (설정 화면이 열림) 설정 항목의 "EXPERIMENTAL"을 ... GitHub개발 환경IDEcloud9웹 개발 「은행의 자산 운용 상품 관리 웹 시스템」의 소개 시스템 개요 이 시스템은 중국의 각 은행 홈페이지에 게재 된 자산 운용 상품의 발행시기, 발행 지점 · 금리 등의 정보를 하나의 웹 사이트에 통합 사용자가 의견과 판매 정보를 쿼리 할 수 있습니다. 시스템을 도입하는 목적 자산 운용을 요구하는 사용자가 각 웹 사이트에서 각 은행이 발행 한 상품을 발견하고 비교하는 것이 편리했습니다. 은행의 온라인 업무를 추진·홍보 효과를 확대 시스템 취급상품... PHP웹 개발Bootstrap라라벨HTML5 효과적인 TypeScript를 읽고 배운 4가지 이 기사는 씨에 의해 2020년 1월에 공개된 『 』의 일본어 번역입니다. 본 기사는 원저자로부터 허가를 얻은 후 기사를 공개하고 있습니다. 동일한 함수 시그니처를 가진 유틸리티를 쓰면 약간 반복될 수 있습니다. 아래에 입력 타입과 출력 타입을 매번 다시 써야 할 3개의 장바구니 관련 함수를 나타낸다. DRY 원칙을 유지하려면 전체 시그니처를 함수형에 할당하고 함수식의 사용으로 전환할 수 있... TypeScript소프트웨어 개발자바스크립트프로그래밍웹 개발 [Spring Boot] V-RIS 개발 일지(2) - MySQL 연동, Spring Data JPA를 이용한 간단한 회원 관리 시스템 및 오류 수정 우선 spring 프로젝트를 만들고 MySQL과의 연동을 위해 아래의 dependency를 build.gradle에 추가해준다. 그 후 application.properties에 아래의 코드를 추가한다. spring.jpa.hibernate.ddl-auto=[ ] create : 기존 테이블을 삭제하고 새로 생성 [ DROP + CREATE ] create-drop : CREATE 속성에 추... 웹 개발IntelliJSpring bootIntelliJ Spring 프레임워크란❔ Spring Framework는 Java 애플리케이션 개발을 위한 포괄적인 인프라 지원을 제공하는 Java 플랫폼이다. Spring은 인프라를 처리하므로 애플리케이션에 집중할 수 있다. 복잡한 Enterprise 서비스를 개발하는데 복잡한 비즈니스 로직과 Low-level의 처리를 분리시켜 개발자로 하여금 비즈니스 로직에만 집중할 수 있게 만들어 주었다. EJB에서의 문제점은 비즈니스 obj... web frameworkSpring웹 프레임워크java app웹 개발Java FrameworkSpring FrameworkJava Framework Node.js 소개부터 Express 기본기까지 - 실습위주 (1) Node.js 은 구글 크롬의 자바스크립트 엔진 - V8엔진 위에서 구동되는 "서버 사이드" 플랫폼 이다. 저도 처음에는 V8 엔진이 뭔지 궁금해서 찾아보았는데, V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. 그냥 속도 빠르다고 생각하자 Node.js 은 웹서버가 아닌 ... 프로그래밍웹 개발Backendrouter라우터node.js웹백엔드express노드익스프레스Backend 웹 개발 prep course 5주차 EC2 세팅 파일 내용 (initial_ec2.sh) sudo ln -sf /usr/share/zoneinfo/Asia/Seoul /etc/localtime sudo update-alternatives --install /usr/bin/python python /usr/bin/python3 10 sudo apt-get update sudo apt-get install -y python3-pi... prep course배포웹 개발prep course 웹 개발 prep course 2주차 배운 내용 JavaScript 문법의 다양한 활용법 JavaScript의 라이브러리인 JQuery 활용법 Ajax로 서버 API 데이터 조회 서버→클라이언트로 데이터를 보내는 포맷인 "JSON"을 이해하기 type에서 GET과 POST의 차이 GET : 데이터 조회(Read)를 요청할 때 사용 ? : 여기서부터 전달할 데이터가 작성된다는 의미입니다. & : 전달할 데이터가 더 있다는 뜻입니다... prep coursejqueryajax웹 개발ajax 웹 개발 prep course 3주차 배운 내용 파이썬 기초 문법 반복문 함수 조건문 페이지 크롤링 (feat. beautifulsoup4) select, select_one (선택자) mongoDB 제어 (feat. pymongo) find, update, delete, insert 느낀 점 혼자 크롤러 만들어봤을때엔 selenium을 사용했었는데 bs4가 훨씬 사용하기 간편하고 빠른 느낌이었다. 이유를 조금 찾아보니 seln... 웹 개발prep course크롤링mongodbpythonmongodb 스케줄 계획 사이트(Node.js / MongoDB) Node.js와 MongoDB를 이용해 DB에 저장되는 나만의 계획 웹사이트 데이터베이스와 서버를 공부해본 김에, 웹의 기본뼈대인 CRUD 기능으로 만들어보았다. 밑그림은 마지막까지의 과정을 거쳐 남아있는 데이터베이스 상태이다. 1. 기본화면 2. 계획 세우자!(계획작성) 3. 하기는 할거지!(계획목록) 4. 수정기능(등산하기 -> 제주도 한라산 등반) 5. 삭제기능(제주도여행 삭제) 6. ... 웹 개발웹 개발 git 웹 개발 버전 관리 1. 서버에 버전 창고 만들기; 2, 서버에 안정적인 버전의 사이트를 구축하고 버전 창고의hooks를 작성한다. 3, 개발 서버에 개발 버전 제출; (예를 들어git) 1. 서버에 버전 관리 창고를 구축한다.디렉터리를/git/로 가정하고 이 디렉터리로 전환합니다.하나의 공사를 세우다 2, 서버에 안정적인 버전의 사이트를 구축한다. 예를 들어 디렉터리는/home/www이다.다음은 요점입니다. ... 웹 개발 Laravel 프레임워크 학습 노트(둘) 한참을 썼더니 이 틀이 무적이라는 것을 발견하였다 brade 컨트롤러 이렇게 하면 json 데이터로 돌아갈 수 있어요. brade에서 여기에서 사용하는 aax의 비동기적인 처리는 사실 Laravel에서 이렇게 할 필요가 없을 것 같습니다. 이렇게 하는 이유는 처음에 이post가 요청한 주소가 칠우운의 저장 서버였기 때문입니다. 이제 우리는post 요청 주소만 수정하면 바로 사용할 수 있습니다... Laravel웹 개발 div 내부 요소 수평 수직 거중 총결 실현 (1) flex 신축성 레이아웃의 첫 번째 실현 방법(align-self:center): 두 번째 방법(align-items: center): alignItems와justifyContent가 협조하여 사용하는데 전자는 측축 레이아웃이고 후자는 주축 레이아웃이다. (2) 하위 요소의 알려진 너비 (3) 하위 상자는 absolute 레이아웃 하위 상자가 absolute일 때, 부모 상자의 배치도... 웹 개발 reactjs+echarts 그림 그리기 최근에reactjs에서echarts의 그림을 그려야 하는데 많은 구덩이를 발견했습니다. 아래와 같이 정리했습니다.우선 코드를 아래와 같이 붙이고 그 중의 데이터 전달에 주의하시오 또한, echarts는 대응하는 탭의 길이를 정해야 하며, 그렇지 않으면 init Dom failed를 잘못 보고해야 합니다.... 웹 개발js-demo
Cloud9에서 Git 관리 (차등 비교 등) cloud9의 자세한 설명이나 기본적인 조작 방법 등은 이쪽을 참조하면 좋다고 생각합니다. Cloud9와 Git 연동 방법에 대해서는 여기를 참조하면 좋다고 생각합니다. (아래 절차를 수행하기 전에 협력하면 이야기가 원활해집니다) Cloud9를 시작합니다. 편집기 화면 열기 화면 우측 상단의 설정 마크 (기어 마크)를 누르십시오 (설정 화면이 열림) 설정 항목의 "EXPERIMENTAL"을 ... GitHub개발 환경IDEcloud9웹 개발 「은행의 자산 운용 상품 관리 웹 시스템」의 소개 시스템 개요 이 시스템은 중국의 각 은행 홈페이지에 게재 된 자산 운용 상품의 발행시기, 발행 지점 · 금리 등의 정보를 하나의 웹 사이트에 통합 사용자가 의견과 판매 정보를 쿼리 할 수 있습니다. 시스템을 도입하는 목적 자산 운용을 요구하는 사용자가 각 웹 사이트에서 각 은행이 발행 한 상품을 발견하고 비교하는 것이 편리했습니다. 은행의 온라인 업무를 추진·홍보 효과를 확대 시스템 취급상품... PHP웹 개발Bootstrap라라벨HTML5 효과적인 TypeScript를 읽고 배운 4가지 이 기사는 씨에 의해 2020년 1월에 공개된 『 』의 일본어 번역입니다. 본 기사는 원저자로부터 허가를 얻은 후 기사를 공개하고 있습니다. 동일한 함수 시그니처를 가진 유틸리티를 쓰면 약간 반복될 수 있습니다. 아래에 입력 타입과 출력 타입을 매번 다시 써야 할 3개의 장바구니 관련 함수를 나타낸다. DRY 원칙을 유지하려면 전체 시그니처를 함수형에 할당하고 함수식의 사용으로 전환할 수 있... TypeScript소프트웨어 개발자바스크립트프로그래밍웹 개발 [Spring Boot] V-RIS 개발 일지(2) - MySQL 연동, Spring Data JPA를 이용한 간단한 회원 관리 시스템 및 오류 수정 우선 spring 프로젝트를 만들고 MySQL과의 연동을 위해 아래의 dependency를 build.gradle에 추가해준다. 그 후 application.properties에 아래의 코드를 추가한다. spring.jpa.hibernate.ddl-auto=[ ] create : 기존 테이블을 삭제하고 새로 생성 [ DROP + CREATE ] create-drop : CREATE 속성에 추... 웹 개발IntelliJSpring bootIntelliJ Spring 프레임워크란❔ Spring Framework는 Java 애플리케이션 개발을 위한 포괄적인 인프라 지원을 제공하는 Java 플랫폼이다. Spring은 인프라를 처리하므로 애플리케이션에 집중할 수 있다. 복잡한 Enterprise 서비스를 개발하는데 복잡한 비즈니스 로직과 Low-level의 처리를 분리시켜 개발자로 하여금 비즈니스 로직에만 집중할 수 있게 만들어 주었다. EJB에서의 문제점은 비즈니스 obj... web frameworkSpring웹 프레임워크java app웹 개발Java FrameworkSpring FrameworkJava Framework Node.js 소개부터 Express 기본기까지 - 실습위주 (1) Node.js 은 구글 크롬의 자바스크립트 엔진 - V8엔진 위에서 구동되는 "서버 사이드" 플랫폼 이다. 저도 처음에는 V8 엔진이 뭔지 궁금해서 찾아보았는데, V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. 그냥 속도 빠르다고 생각하자 Node.js 은 웹서버가 아닌 ... 프로그래밍웹 개발Backendrouter라우터node.js웹백엔드express노드익스프레스Backend 웹 개발 prep course 5주차 EC2 세팅 파일 내용 (initial_ec2.sh) sudo ln -sf /usr/share/zoneinfo/Asia/Seoul /etc/localtime sudo update-alternatives --install /usr/bin/python python /usr/bin/python3 10 sudo apt-get update sudo apt-get install -y python3-pi... prep course배포웹 개발prep course 웹 개발 prep course 2주차 배운 내용 JavaScript 문법의 다양한 활용법 JavaScript의 라이브러리인 JQuery 활용법 Ajax로 서버 API 데이터 조회 서버→클라이언트로 데이터를 보내는 포맷인 "JSON"을 이해하기 type에서 GET과 POST의 차이 GET : 데이터 조회(Read)를 요청할 때 사용 ? : 여기서부터 전달할 데이터가 작성된다는 의미입니다. & : 전달할 데이터가 더 있다는 뜻입니다... prep coursejqueryajax웹 개발ajax 웹 개발 prep course 3주차 배운 내용 파이썬 기초 문법 반복문 함수 조건문 페이지 크롤링 (feat. beautifulsoup4) select, select_one (선택자) mongoDB 제어 (feat. pymongo) find, update, delete, insert 느낀 점 혼자 크롤러 만들어봤을때엔 selenium을 사용했었는데 bs4가 훨씬 사용하기 간편하고 빠른 느낌이었다. 이유를 조금 찾아보니 seln... 웹 개발prep course크롤링mongodbpythonmongodb 스케줄 계획 사이트(Node.js / MongoDB) Node.js와 MongoDB를 이용해 DB에 저장되는 나만의 계획 웹사이트 데이터베이스와 서버를 공부해본 김에, 웹의 기본뼈대인 CRUD 기능으로 만들어보았다. 밑그림은 마지막까지의 과정을 거쳐 남아있는 데이터베이스 상태이다. 1. 기본화면 2. 계획 세우자!(계획작성) 3. 하기는 할거지!(계획목록) 4. 수정기능(등산하기 -> 제주도 한라산 등반) 5. 삭제기능(제주도여행 삭제) 6. ... 웹 개발웹 개발 git 웹 개발 버전 관리 1. 서버에 버전 창고 만들기; 2, 서버에 안정적인 버전의 사이트를 구축하고 버전 창고의hooks를 작성한다. 3, 개발 서버에 개발 버전 제출; (예를 들어git) 1. 서버에 버전 관리 창고를 구축한다.디렉터리를/git/로 가정하고 이 디렉터리로 전환합니다.하나의 공사를 세우다 2, 서버에 안정적인 버전의 사이트를 구축한다. 예를 들어 디렉터리는/home/www이다.다음은 요점입니다. ... 웹 개발 Laravel 프레임워크 학습 노트(둘) 한참을 썼더니 이 틀이 무적이라는 것을 발견하였다 brade 컨트롤러 이렇게 하면 json 데이터로 돌아갈 수 있어요. brade에서 여기에서 사용하는 aax의 비동기적인 처리는 사실 Laravel에서 이렇게 할 필요가 없을 것 같습니다. 이렇게 하는 이유는 처음에 이post가 요청한 주소가 칠우운의 저장 서버였기 때문입니다. 이제 우리는post 요청 주소만 수정하면 바로 사용할 수 있습니다... Laravel웹 개발 div 내부 요소 수평 수직 거중 총결 실현 (1) flex 신축성 레이아웃의 첫 번째 실현 방법(align-self:center): 두 번째 방법(align-items: center): alignItems와justifyContent가 협조하여 사용하는데 전자는 측축 레이아웃이고 후자는 주축 레이아웃이다. (2) 하위 요소의 알려진 너비 (3) 하위 상자는 absolute 레이아웃 하위 상자가 absolute일 때, 부모 상자의 배치도... 웹 개발 reactjs+echarts 그림 그리기 최근에reactjs에서echarts의 그림을 그려야 하는데 많은 구덩이를 발견했습니다. 아래와 같이 정리했습니다.우선 코드를 아래와 같이 붙이고 그 중의 데이터 전달에 주의하시오 또한, echarts는 대응하는 탭의 길이를 정해야 하며, 그렇지 않으면 init Dom failed를 잘못 보고해야 합니다.... 웹 개발js-demo