프론트엔드(240102~)

7.5.1 버전, 모던 툴킷 사용필요한 zip filecmd : sencha cmdext : sdk zip file기술 독스 - docs.sencha.comsupport site - support.sencha.com(https://support.sencha.c

HTML 강의 - 1 https://www.youtube.com/watch?v=i0FN-OwJ7QI&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=5 HTML(HyperText Markup Language) 마크업 언어 사용 -

유튜브 강의CSS 레이아웃 정리 display, position 완성 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript웹사이트 - box를 원하는 위치에 원하는 사이즈로 배치하는 것이 중요display, position에 대해 잘 이해해야 함div

view-viewcontroller-viewmodel 가 한 묶음view : 실제로 보이는 곳viewcontroller : view에서 이뤄지는 행위를 정의한 곳viewmodel : view에서 사용되는 데이터를 저장하는 곳controller와 동일한 방법으로 작성To

유튜브 강의자바스크립트 배우기전 꼭 봐야할 영상 | 자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)AJAX(Asynchronous JavaScript and XML)비동기적으로 data를 서

유튜브 강의자바스크립트 4. 코딩의 기본 operator, if, for loop 코드리뷰 팁 | 프론트엔드 개발자 입문편 (JavaScript ES6)\+ 기호 사용string literals 사용 가능숫자 연산 가능\++(변수) : 1 더한 후 변수에 할당(변수)

유튜브 강의자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 | 프론트엔드 개발자 입문편 ( JavaScript ES6)유튜브 강의자바스크립트 10. JSON 개념 정리 와 활용방법 및 유용한 사이트 공유 JavaScript JSON | 프론트

model : record를 만들기 위한 틀, class 느낌field : 하나하나의 propertyrecord : model에 데이터를 넣어 만든 objectstore : record의 집합\* senchadataview에서 주로 component, list 사용co

과제수학비서 ‘내 문제지’ 페이지 클론 코딩사용 : panel, containerpanel의 collapser, resizer 사용할 것panel에 검색 추가할 것cardcomponent 두 가지 생성cardcomponent 들어갈 내용 store 사용할 것group

Router docshttps://docs.sencha.com/extjs/7.5.1/guides/application_architecture/router.html위키독스 참고3.5 라우터 사용SPA(Single Page Application)새 페이지 로딩 없

오타로 인한 에러 확인할 것 과제 ‘내 문제지’ 페이지에서 카드 버튼 ‘문제 보기’ 클릭하면 문제 페이지로 이동하게 만들기 이미지 삽입 시 이미지 전체가 `` 태그로 이루어져 있다(?) xtype: ‘image’ mode: ‘img’ width: 100% Weig

유튜브 강의자바스크립트 4. 코딩의 기본 operator, if, for loop 코드리뷰 팁 | 프론트엔드 개발자 입문편 (JavaScript ES6)자바스크립트 8. 배열 제대로 알고 쓰자. 자바스크립트 배열 개념과 APIs 총정리 | 프론트엔드 개발자 입문편 (

동영상 삽입용 웹뷰 제작sencha docs 설명https://docs.sencha.com/extjs/7.5.1/guides/core_concepts/classes.htmlhttps://docs.sencha.com/extjs/7.5.1/modern/E

container의 property 중 templateelement template 중 main element의 child element 나열한 것element template에서 children이 specified 되지 않았을 때 사용https://docs.

### 24.01.25. **segmentedbutton의 publishes** - segmentedbutton의 특정 속성을 ViewModel과 연결하기 위해 사용 <br/> **button마다 다른 store가 사용될 때** - 첫 화면에 보일 store을

gap자식 component 사이 간격 설정 (?)widgetcellExt.grid.cell.Widget | Ext JS 7.5.1grid 내 cell에 위젯을 배치할 수 있게 해줌console에서 record 확인하는 법Ext.getCmp(’id’).getRecord

MyDB dummy data 작성 중homeview에 필요한 model field : id, title, createdAt, updatedAt, questionCount, explanationCount, paidQuestionCount, paidExplanationCo

myanalysispaperboard 생성 시작MyAnalysis dummy datahomeview에 필요한 model field : id, title, standardCount, analysisCount, createdAt, completedAt, isComplete

tpls 사용하여 html에 데이터를 바인딩할 수 있음viewmodel에서 데이터를 가져와서 바인딩tpl에 html 작성 방법 2가지배열형식으로 작성 - 주석 처리 가능백틱 사용하여 작성 - 주석 처리 불가능dialog 보이는 방법 2가지dialog 파일이름(?) 그대

sencha docsExt.form.Panel | Ext JS 7.5.1form panel 사용하면 getValues 이용하여 데이터를 가져올 수 있음field에 name 설정해야 그 value를 가져올 수 있음 (name이 object의 key 역할)과제포인트 충전

24.02.01.제출 누르면 dialog 실행되도록 만들기sencha docsExt.Dialog | Ext JS 7.5.1items에 data를 바인딩하면 viewmodel에 있는 data를 가져올 수 있음기본적으로 container 상속받았으므로 container 처

24.02.02.controller에서 this.getViewModel().setData()를 사용하여 data를 viewmodel에 삽입한 번에 data를 넣을 때는 setData, 하나씩 수정할 때는 set 사용dialog 파일에 data를 bind기존 포인트 충전

24.02.02.cf) js 비동기처리 복습자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 😱 JavaScript Callback | 프론트엔드 개발자 입문편 (JavaScript ES6)callback 체인 문제점가독성이 떨어짐error 처리

24.02.06. findData 함수에서 data 요청async, await 사용을 위해 deferred 사용myFolderId는 필수가 아닌데 왜 이걸 안 쓰면 에러가 나지? → 정의서가 잘못되어서 필수 맞음 Content-Type, Authorization은

첫 프로젝트를 만들고 사수님께 코드 리뷰를 받던 중 css를 BEM에 맞춰 작성하라는 지시를 받았음CSS 방법론 중 하나class 이름을 지을 때 규칙을 지켜서 해야 다른 사람들도 보기 편하기 때문에 사용block, element, modifierblock : 재사용

현재 페이지에 적혀있는 글씨 밑에 추가적인 내용을 적으라는 요청이 들어왔음.추가로 한 줄 더 적고 글씨크기를 줄여야하는건가라고 생각했는데 가상 요소 선택자라는 것을 사용해서 만들라고 하였음.MDN 설명 페이지https&#x3A;//developer.mozilla.org