40대 후반의 노트 중 하나입니다.

웹 응용 개발의 중요성을 통감하다


갑작스럽지만 당연한 거죠!이런 사람들이 있겠죠. 하지만 세상에는 웹 앱 개발에 전혀 손을 대지 않고 시스템 스토어를 여는 사람들도 있죠.
하지만 젠의 기고문을 봐도 주요 키워드는 타입 스크립트 프런트엔드 등 모바일이나 웹 애플리케이션과 관련된 키워드들이 배열돼 있어 최근 앱 개발에서 어떤 형태로든 웹 애플리케이션에 종사하는 사람도 많다.
또 포트 정보(사는 곳은 들키겠지...) 등 IT학과와 제조업체의 제품 전시회(RX Japan 등이 개최)의 기술 전시에서도 전시품 제어기기를 관리하는 화면이 웹 브라우저를 기반으로 진행됐다.방문 환경을 선택하지 않는 형식이 표준이 되는 것이 대부분이다.윈도 개자식 & 사내 앱처럼 폐쇄적인 세계라면 데스크톱 앱도 문제없지만 시스템 개발의 생각을 웹 앱으로 바꾸지 않는다면 앞으로 우리가 가진 기술의 범위가 넓어지지 않을 것이라는 것을 강하게 느낀다.

먼저 자신의 현재 상황을 파악해야 한다.


VB의 추억도 썼지만 개인이 개발한 응용 프로그램의 태반이 윈도에서 일하는 데스크톱 응용 프로그램을 주체로 하고 있다.따라서 응용개발 예산, 상상개발권을 추산할 때도 데스크톱 애플리케이션을 주체로 고려하기 때문에 웹 애플리케이션에 민감하지 않은 부분이 많고, 향후 응용개발에서도최근 웹 애플리케이션의 개발 방식인'어느 정도 형식으로'는 이런 생각을 미리 억제하기 때문에 배웠다.
이 기록은 2020년께부터 데스크톱 애플리케이션을 주체로 개발한 40대 후반 엔지니어가 웹 애플리케이션에서 하나의 형태의 애플리케이션을 만들기 전의'(생각나는) 노트'를 작성한 것이다.
요즘 트렌드(유행이 지났다·) 웹 애플리케이션의 개발 방법을 배우기로 했어요
자신의 경우 웹 응용 프로그램(Eclipse도 VScode도 없었고 수환 편집기에서 자바 코드를 인코딩하는 방법...)을 멀리 개발했다.
https://atmarkit.itmedia.co.jp/ait/articles/0304/15/news001.html
시대가 한층 더 발전함에 따라Seasar2 프레임워크를 활용한 Struts계(Java JSP)의 응용 개발 방법
https://atmarkit.itmedia.co.jp/ait/articles/0506/09/news124.html
그리고 ASP.net(초기 버전)
https://atmarkit.itmedia.co.jp/ait/subtop/features/dotnet/aspnet_index.html
경험 이외의 상태.
그리고 CSS에 대한 지식은 매우 약하다.

전제 조건


전제조건으로 웹 애플리케이션 개발이지만 내부 네트워크 내에서 한정 공개 형태로 조작하는 것이 전제 조건이다.따라서 안전성과 인증의 관련은 여기서 고려하지 않는다(사실 가장 중요하다.)

프레임워크와 개발 방법의 선정


VB의 추억에서 보듯이 현재 주로 응용 개발 언어의 VB.net에서 C#로 교체그래서 끊임없이 정보를 수집하는 과정에서 쉽게 알아차릴 수 있을까?우리는 C#의 웹 응용 프로그램 개발에 대한 선택을 검토했습니다.즉
ASP.net Core & C#
이런 구성.처음에는 이 조합에 문제가 없다고 생각했지만 윈도 서버나 리눅스 서버를 확보하고 이용할 수 없을 가능성이 있기 때문에 (이것도 상당히 제한된 조건이다.) 기각되었다.언어 개발의 가장 큰 장점은 숙련된 C#를 사용할 수 있다는 것이다.
다음에 구상한 것은
Python & Django
라는 조합을 이뤘다.그러나 각종 조사를 진행하는 과정에서 데이터베이스 접근은 ORM을 주체로 하는 접근일 수밖에 없다(착오로 인해 실제로는 파이톤으로 현장 조회를 할 수 있다) 데이터 접근 부분에 대해 불안감을 느껴 수리하지 않는다
여기에 사용 가능한 플랫폼(IBM 시스템 서버)과 함께 사용할 수 있는 방법을 한정한다면
・Python
・PHP
・Java
・Node.js
(이때, 왜 루비가 선택 항목에 들어가지 않았는지...)
이러한 절차는 개방된 원본의 허가증이 비교적 느슨하여 설치 관리가 더욱 쉽다
・Python
・Node.js
선택으로 유지됩니다.이 두 가지를 대상으로 전단과 후단의 기술을 선택하세요.

필요한 환경 오류 실행


그냥, 지금 생각해봐, 그거?섹션곰곰이 생각해 보다.js가 없어도 웹 응용 서버 기능(nginx 등)만 있으면 자바스크립트의 웹 응용 프로그램은 공개할 수 있다.
최초, Vue.js 등 전방 응용 프레임워크의 실제 상황을 알지 못하고 전방 부분의 웹 응용 프로그램에 대해 노드를 실행합니다.서버를 사용하여 js 자체를 실행해야 한다고 착각했다. (웹 페이지를 모르면 오히려 다른 지식을 방해할 수 있다. 이것은 전형적인 예이다.)
그리하여
Node.js+Express로 웹 응용 프로그램을 구축했습니다.
참고 서적은 다음과 같다.
https://www.shoeisha.co.jp/book/detail/9784798158624
결과는 노드다.사물에 대한 이해가 조금 깊어졌다.그런 다음 웹 응용 프로그램을 위한 프런트엔드 프레임을 선택합니다.

프런트엔드 적용 프레임워크 선택


2020년 당시 프런트엔드 애플리케이션 프레임워크 선정으로 온라인으로 조사 가능
React
Vue
Angular
이 3대 틀이 적용된다.이 가운데 앙글라는 파이썬 도장고와 마찬가지로 너무 많은 기능(자세한 조사를 하기 전에 선택을 멈추는 것은 매우 어려운 일)으로 인해 리액트와 뷰 두 가지 선택에서 선별한 완전한 스태킹 프레임이다.
이유 로 삼다
• 리액트 대비 후발
• 일본어 문서가 많다.
• template 문구로 화면에 나타난 HTML을 쉽게 연상
· 학습 원가가 낮습니다 (정말요?)
위에서 말한 바와 같다.
그나저나 리액트를 배우지 않아 비교할 수 없기 때문에 어떤 좋은 비교에 대해 의견을 제시할 수 없다.

그래, 책 사러 가자!


아저씨 엔지니어는 여기서 말했다. "프로그래밍은 인터넷에서 수집하는 정보도 중요하지만 마지막에 의지할 수 있는 것은 역시 책이다!"이런 관점이 있기 때문에 (생각은 낡았지만 역시 돈을 써서 얻은 정보는 좋다) Vue.나는 서점에 가서 js 개발에 관한 전문 서적을 찾았다.많지만 그중에 선택한 책은
21단계에서 베일을 체득했다.자형
https://www.ric.co.jp/book/programming/detail/285
네.
많은 책 중에서 이 책을 선택한 이유는요.
· Windows Mac의 개발 환경 구축 설명은 모두 자세하다
・JavaScript, TypeScript, 학급 스타일(단, vue3은 학급 스타일을 사용하지 않는 것이 좋다) 이 세 가지를 상세하게 견본 코드로 기재하는 것은 (나는 이것이 매우 소박하고 쉽지 않다고 생각한다)
・입력 검증, 대화상자 표시 등 샘플도 자세하게 설명해야 한다
· WebAPI(Axios) 사용 후 오류 처리 등도 상세히 설명했다
• 팀 개발 과정에서 개발 과정에 대한 기술(예를 들어 초보자 구성원이 있는 상황에서 이해해야 할 방법이 혼란의 근원이기 때문에 일부러 채용하지 않는 등 실제 개발 경험을 바탕으로 한 보도가 있다. 이것은 무엇보다도'현장 응용 개발로서 존재하는 정보'사설
.
작문 시기와vue.js의 주요 버전 업그레이드 시기의 호환성도 있습니다.js3.0에 맞지 않는 정보도 있었지만 그때의 참고로 많이 나왔다.

자, 공부합시다!


책 구매를 기반으로 공부를 시작하는 모습은 부기에도 있다.

좋은 웹페이지 즐겨찾기