본문 바로가기
728x90

분류 전체보기279

[Vue] MVVM Pattern, Vue 인스턴스 생성 MVVM Pattern 애플리케이션 로직을 UI로부터 분리하기 위해 설계된 디자인 패턴 - Model JavaScript의 Object 자료 구조 ( { key: value } ) Object는 Vue Instance 내부에서 데이터로 사용 데이터가 바뀌면 View(DOM)가 반응 - View DOM(HTML) 데이터의 변화에 따라 바뀌는 대상 - View Model 모든 Vue Instance View와 Model 사이에서 데이터와 DOM에 관련된 모든 일 처리 ViewModel을 활용해 Data를 얼만큼 잘 처리해서 보여줄 것인지(DOM)를 고민하는 것 Vue 인스턴스 생성 Vue.js 코드 작성 순서 : 데이터가 변화하면 DOM이 변경 → 1. 데이터 로직 작성 2. DOM 작성 CDN 작성 {{ .. 2021. 11. 15.
[Vue] SPA(Single Page Application), CSR(Client Side Rendering) Vue.js 프론트엔드 프레임워크 사용자 인터페이스를 만들기 위한 진보적인 자바스크립트 프레임워크 SPA (Single Page Application) 지원 왜 Vue.js일까? Vanilla JS는 페이지에서 수정되는 사항이 있으면, 수정되는 '모든 요소'를 선택해서 '이벤트'를 등록하고 변경 Vue.js는 DOM과 Data가 연결되어 있으면 Data를 수정할 경우 DOM이 알아서 변경 SPA (Single Page Application) 단일 페이지 애플리케이션 현재 페이지를 동적으로 렌더링함으로써 사용자와 소통하는 웹 애플리케이션 단일 페이지로 구성되며 최초에만 페이지를 다운로드하고 이후에는 동적으로 DOM 구성 전체 페이지가 아닌 현재 페이지 중 필요한 부분만 동적으로 다시 작성 연속되는 페이지 .. 2021. 11. 15.
[PG/Python] 수식 최대화 📌 문제 https://programmers.co.kr/learn/courses/30/lessons/67257 코딩테스트 연습 - 수식 최대화 IT 벤처 회사를 운영하고 있는 라이언은 매년 사내 해커톤 대회를 개최하여 우승자에게 상금을 지급하고 있습니다. 이번 대회에서는 우승자에게 지급되는 상금을 이전 대회와는 다르게 다음과 programmers.co.kr 📌 문제 접근 방법 후위표기법으로 스택을 사용해서 계산해야겠다는 생각은 금방 했지만, 우선순위를 표시하는 방법과 후위표기법으로 변환하는 과정을 구현하는데 고민을 오래 했다. 우선순위는 permutations를 사용해서 순열 리스트로 만들어줬다. (인덱스를 활용해서 우선순위를 비교할 것이다) 다음으로 expression 문자열을 순회하면서 숫자라면 nu.. 2021. 11. 14.
[PG/Python] 전력망을 둘로 나누기 📌 문제 https://programmers.co.kr/learn/courses/30/lessons/86971 코딩테스트 연습 - 전력망을 둘로 나누기 9 [[1,3],[2,3],[3,4],[4,5],[4,6],[4,7],[7,8],[7,9]] 3 7 [[1,2],[2,7],[3,7],[3,4],[4,5],[6,7]] 1 programmers.co.kr 📌 문제 접근 방법 인접리스트를 활용해서 연결된 전선 정보를 입력해준다. wires를 한 번 더 반복문을 돌리면서 전선들 중 하나를 끊는다. 이 때 끊긴 두 송전탑을 기준으로 전력망이 가진 송전탑의 개수를 bfs를 활용해서 구해준다. 두 전력망의 송전탑 수와 현재의 answer에 저장된 값을 비교하여 더 작은 값으로 answer 값을 갱신해준다. 끊긴 두.. 2021. 11. 14.
728x90

티스토리툴바