반응형 Javascript38 [knockoutjs]observable을 사용하여 데이터 관찰 객체와 함수형 차이 knockoutjs는 mvvm 패턴을 사용하여 데이터가 변하면 ui에 있는 값도 자동적으로 변경되게 해주는 라이브러리이다. https://knockoutjs.com/documentation/observables.html Knockout : Observables Observables Knockout is built around three core features: Observables and dependency tracking Declarative bindings Templating On this page, you’ll learn about the first of these three. But before that, let’s examine the MVVM pattern and the concept of .. 2023. 1. 11. [javascript]chunked 파일 업로드 with ajax, django 분할하여(chunked) 파일 업로드를 해야하는 작업이 있어 여러 자료를 검색했고 구현을 했다. 요구 사항은 client에서 ajax를 통해서 대용량 첨부파일을 업로드하는 것이었다. 서버에서 업로드하는 용량이 제한되어 있거나, request를 보내고나서 오랜시간 사용자가 멈춰있는게 문제가 되므로 파일을 분리하여 ajax로 구현을 진행했다. ajax를 사용한것은 비동기 통신을 위해서이다. 그냥 간단히 현재 페이지에서 페이지의 이동 없이 서버쪽으로 요청을 보내고 결과를 받는것이라고 이해하면 편하다. 여기에서 request, callback, response라는 개념들이 나올것이다. 가장 도움이 된 자료는 여기에서 확인을 한 자료이다. Django로 개발을 진행중이었기에 만약 다른 언어로 서버 파트를 구현중이.. 2022. 12. 14. [React]<React.StrictMode>에 대해서 React에 대해서 기본 문법과 사용법을 공부하고 있는 중이다. 일반적으로 react-create-app을 많이 사용하는데 생성을 하면 index.js에 다음과 깉이 가 있다. 를 삭제해도 동작에는 상관없으며, 저 코드 떄문에 console.log를 찍으면 나의 의도와는 다르게 두번 연속해서 나타나는 현상을 볼 수 있다. 몇가지 찾아본 바로는 꼭 index.js에서만 쓸 수 있는것은 아니고 다른곳에서도 사용가능 하다는 것이다. React 문서에 보면 다음과 같이 나와있다. https://ko.reactjs.org/docs/strict-mode.html Strict 모드 – React A JavaScript library for building user interfaces ko.reactjs.org 개발 .. 2022. 9. 16. [typescript] build시 다른 폴더에도 복사 방법 이번에 typescript를 공부를 시작하면서 계속해서 삽질중이다. 강의를 들으며 문법과 빌드 방법 그리고 typescript를 통해서 얻을 수 있는 이점들을 배웠다. 그냥 느낀점은 왜 javascript만을 쓰느냐! 이다. typescript는 필수인게 아닐까? 하는 생각이 강하게 박히는 계기가 되었다. 일단 일반적인 html에서 를 써서 작업을 하게 되는데 이때 ts파일이 js로 빌드되어 나오는 폴더에 html파일이 있고 src로 연결을 해주면 사실 추가 설정이 필요 없다. 그런데 나는 다른 폴더에 html파일을 두고 싶었고, js파일도 같은 폴더에 두고 싶었다. 그래서 찾다보니 빌드 명령어에 조금만 추가 해주면 되었다. package.json : 스크립트 설정 tsconfig.json : 타입스크립.. 2022. 8. 23. 개발자 면접에 나왔다던 개념 질문하는 것들(답 달아볼것...) 지금까지 일을 하면서 한번씩은 봤던 것들이다.(React는 제외하고) 특히, 트러블슈팅은 많았었다. 그런데 직접 말하거나 적어보려니 답답하다. 다른것들도 분명 알고있는것도 있고 보았던 적이 있는 것들인데 에휴...이게 현재 나의 위치인가 보다 더욱 분발하자. 답은 시간날때마다 조금씩 채울 예정이고...질문들도 더 모아봐야겠다. 1. 트러블슈팅 경험을 공유 해 주세요. 2. const, let, var의 차이는 무엇인가요? const와 let은 재선언이 불가능하다. 그러나 var는 같은 블럭 안에서도 재선언이 가능 const의 경우에는 constant로 상수이나 실제로는 값을 상수로 가지고 있는게 아닌 데이터를 저장하는곳의 메모리 주소를 상수로 가지고 있다고 보는게 맞음. 그 예로 object나 배열로 된.. 2022. 8. 11. innerHTML, innerText, textContent 비교 Hello!! HTML!! 위의 코드와 같이 html이 구성되져 있고 document.getElementById("title") 로 접근을해서 innerHTML, innerText, textContent의 값을 가져온다고 가정을 하면 아래와 같은 결과가 나온다. innerHTML : 영어 문자 그대로 내부에 있는 HTML 태그를 뜻함 Hello!! HTML!! innerText : 내부에 있는 텍스트(사용자에게 보여지는 텍스트만) Hello!! textContent : 내부에 있는 텍스트(모든 텍스트) Hello!! HTML!! console에서 찍으면 다음과 같이 나오는데 \n은 줄넘김 처리 때문에 출력된것으로 보면 된다. 중요한거는 html과 javascript가 연결되어 있으며, 객체 형태로 접근이.. 2022. 8. 9. 이전 1 2 3 4 5 6 7 다음 728x90
