본문 바로가기
반응형

프론트엔드66

그리드에서 선택된 데이터 가져오기 보호되어 있는 글 입니다. 2022. 10. 26.
화면 구성하기 - 0. 화면 설계 화면 구조는 기본적으로 상단 메뉴, 좌측 메인 메뉴 중앙 컨텐츠로 구성 탑메뉴 좌측에는 프로그램 아이콘 중앙에는 작업 타이틀 우측에는 홈버튼, 유저 프로필 버튼, 설정 버튼 같은거 추가. 필요하면 검색창도 추가 메인 메뉴 익스팬더 맨 위에는 열고 닫을 수 있는 익스팬더 버튼이 있어야 된다. 열고 닫을때 아이콘이 열리고 닫히고 바껴야 된다. 열고 닫을때 컨텐츠 영역도 그에 맞게 바껴야 된다. 메뉴 왼쪽에 아이콘, 그 옆에 메뉴 이름이 나온다. 클릭하면 화면이 열린다. 화면이 열리면 해당 메뉴에 하이라이트 적용 열려있는 화면을 다시 누르면 해당 화면이 있는 위치로 스크롤 한다. 메뉴 그룹 메뉴를 담는 메뉴 그룹도 존재 메뉴 그룹이 메뉴 그룹을 담는건 안된다. 위아래로 열리는 익스팬더가 달린다. 메뉴가 접힌 .. 2022. 10. 26.
App watch is already running for this build profile. 오랜만에 Sencha app watch를 했는데 에러가 뜬다... 우리 회사는 소스컨트롤 도구가 여러개가 있는데 Git, SVN, TFS, CVS도 있다. 이 소스는 TFS에 있는 코드다. VS Code에 TFS 연동이 어려워서 그냥 쓰고 있는데 그거때문에 발생한 문제였다. TFS는 소스코드를 읽기전용으로 바꿔버린다. TFS 연동된 IDE에서는 수정시에 읽기전용이 자동 해제되지만 다른데서 막 수정되지 않도록 그래논거 같다. 변경감지를 위해서? 그래서.. 결론은 경로 전체가 읽기전용이 돼있어서 발생한 문제로 탐색기에서 읽기전용 해제 해주니 정상 동작한다. 클라이언트를 주로 개발하면 이거 세팅을 귀찮아서라도 할텐데 다른사람들은 어떻게 쓰는건지 모르겠다. 2021. 12. 10.
웹에서 IP 카메라 스트리밍 하기 카메라는 공유기 포트포워딩해서 RTSP로 접속해서 데이터를 가져오고 있는 상태찾아보면서 너무 오래된 답변이 많아서 고생했다. 목차- VLS 해보기- 이것저것 찾아보기- FFMPEG로 RTSP를 HLS로 변환하여 배포- 기존 서비스와 통합 VLS 해보기처음 원했던 건 서버를 들리지 않고 카메라와 웹브라우저를 직접 연결하는 것이었다.처음 나온건 VLS로 하는 방법정말 많은 글들이 VLS를 솔루션으로 보여주는데 찾다보면 크롬45부터 지원안한다고 한다.그리고 이렇게 하는게 ActiveX 방식이라고 한다. 지금은 대부분의 브라우저에서 구동이 불가능할것으로 생각됨RTSP를 지원하는 브라우저가 없어서 이걸 우회하는데 ActiveX나 플러그인 등이 사용되는것으로 보인다.돌아다니다 보면 뭐가 잘 안되는데 이 답변(cab.. 2021. 12. 9.
Couldn't find a package.json file VSCode에서 폴더 새로 하나따서 create-react-app을 하는데 에러가 뜬다. npm init yarn init 을 하란다. 하고나니 프로젝트 생성이 됐다. https://m.blog.naver.com/10hsb04/221729909059 [Visual Studio] react 설치시 Couldn't find a package.json file https://blog.naver.com/10hsb04/221681354820 에서처럼 기본 설정된 폴더가 아닌 새로운 워크스페이스에서... blog.naver.com 이런거 안했던거같은데 좀 이상하다. 아.. 그전에는 바깥 폴더를 워크스페이스로 잡고 작업을 했다. 이번에는 내부 폴더에서 작업을 했고 여기는 package.json 파일이 없다. 인줄 알.. 2021. 8. 20.
Module not found: Can't resolve 'web-vitals' 이 버그를 잡고 왔는데 npm start를 하려니까 이 버그가 난다. https://qodbtn.tistory.com/375 Couldn't find a package.json file VSCode에서 폴더 새로 하나따서 create-react-app을 하는데 에러가 뜬다. npm init yarn init 을 하란다. 하고나니 프로젝트 생성이 됐다. https://m.blog.naver.com/10hsb04/221729909059 [Visual Studio] react.. qodbtn.tistory.com 패키지가 꼬였다는거 같고 하라는대로 하니까 잘 된다. https://stackoverflow.com/questions/65396568/react-js-npm-start-shows-failed-to-c.. 2021. 8. 20.
반응형