이 글은 어떤 개발에 대한 이야기보다는 이 방식에 대한 고찰이다. 먼저 가볍게 용어를 이야기하면 폭포수 모델: 요구사항, 분석, 설계, 구현 통합의 흐름이 마치 폭포수 처럼 아래로만 향하는 순차적 방식이다. 에자일 방식: 능동적인 변화 대응을 핵심으로 두고 업무를 작게 쪼개서 더 중용한 일부터 하되, 계속 반복해서 개선하는 것을 원칙으로 한다. 데브옵스 DevOps의 개념이 등장이 10년이 지난 지금, 가치를 따지는 건 무의미한 일이다. 이건 유행이 아닌 소프트웨어 개발과 운영에 꼭 필요한 표준의 영역이 되었다. 그리고 데브옵스의 하나인 에자일 방식은 정배(역배의 반대인 슬랭용어)가 되었다. 이 운영 방식을 내 인생에 대입해봤다. 나는 꿈 학벌 학점 태도 그외 모든게 내가 바라는 이상향과는 거리가 멀었다..
문서 객체 모델 = DOM (Document Object Model) DOM은 메모리에 웹페이지 문서 구조를 표현한다. DOM은 문서를 논리 트리로 표현한다. 이는 DOM에 자식이 있는 것이고. 이 자식은 DOM 메서드 이다. DOM의 인터페이스에는 대표적인 것이 Document 나 Window 그리고 Node 가 있다. Document : 브라우저가 불러온 웹 페이지를 나타내며, DOM 트리의 진입점 역할을 수행한다. URL를 얻거나 문서에 새로운 요소를 생성하는 등 기능을 전역적으로 제공한다. +Document 는 Node와 EventTarget 인터페이스도 상속한다. Document의 속성은 내장함수 쓴다고 생각하면된다. Document.내장함수명 우리가 자주쓰는 document.querySelec..
꾸밈없는 간단한 직원 검색창 + 수정 가능한 창이다. 그리고 간단히 css로 페이지를 내리지않아도 다 확인할 수 있다. 2022-09-25 Vue3 로 진행했다. 아직까지는 Vue3 의 Vuetify가 적용되지 않는 시점이다. Vue 시작한지 한 달이 되지 않았다. 제대로 한 건 이해하는데 일주일, 혼자 만드는데 2주 안되게 걸렸다. 부족함이 많은 것을 알기에, 누군가 본다면 참고만하길 바랍니다. 먼저 하나의 component에 다 몰아서 만들었다. 동작 방법의 큰 틀은 1.프론트엔드로 틀을 만든다. 2.라우터로 App.vue에서 동작시키게한다. ----이건 이전 게시물인 part2에 나와있음------- 3.proxy 설정을 통해 node.js 즉 백엔드에서 동작하게 한다. ---이건 이전 게시물인 p..
1. frontend 추가적으로 cd frontend로 가서 yarn을 설치한다. npm install -g yarn //npm과 yarn은 js패키지인데 js 모듈을 설치할 수 있는 명령어다. yarn을 설치한 것 https://joshua1988.github.io/web-development/vuejs/vuex-start/ Vuex 시작하기 1 - Vuex와 State Vue 중급으로 레벨업 하기. 상태 관리란 무엇인가? Vuex를 이용한 상태 관리. state 소개 joshua1988.github.io cd frontend npm run serve ctrl + c 후 서버를 끄기 y cd.. 2. backend (express) 이후에 내용이 조금 수정이 되었다. 이전에 만들어 두었던 backend..
Vue.js 로는 웹페이지를 UI UX 및 데이터요청을 싱글페이지 구성을 위해 사용. Express.js는 Oracle,Mysql 같은 DB에 접근하기 위해 사용 Tool > Vscode Vscode 터미널에서 진행 1.Backend 설정 express --ejs backend #express-generator //아래처럼 보안이슈 에러가 있을 수 있다. 그럴 경우에는 `명령어 입력` : set-executionpolicy unrestricted PowerShell 까지 설정 해준 후 다시 vscode 터미널에 express --ejs backend #express-generator //를 입력하면 다시 잘 작동한다. cd backend npm install npm start # 위치는 단락선 2. fr..
