전체 글23 React 리렌더링 특징 0916(목) react. 바닐라자바스크립트 - 해당 태그가 속해있는 전체 영역을 다시 그림 React - 해당 태그가 속해있는 부분만 다시 그림 리액트의 리랜더링이 마냥 좋은 것만은 아니다. React의 경우 어떤 컴포넌트에서 상태가 바뀌었다는 것을 인지하려면 상태값을 초기에 모두 저장해두어야 하기 때문에 처음 웹페이지를 불러오는데 있어서 많은 양의 데이터를 처리할 필요가 있음 데이터 변경에 따른 리렌더링 장점 - html 요소 전체를 다시 그리는 게 아닌 데이터가 바인딩 되어 있는 특정 태그만 리랜더링 해주기 때문에 웹사이트를 새로고침할 때 나타나는 깜박임이 없고, 전체가 아닌 일부만 리렌더링 해주니 프론트화면 레이아웃을 깨뜨릴 일이 없다. 2021. 9. 17. Vue.js 페이징 처리 참고한 블로그: https://pewww.tistory.com/5 Vue.js로 간단한 페이징 구현 안녕하세요! 오늘은 Vue.js로 간단한 페이징을 구현해보려합니다~ 되게 간단하게 할 수 있지만, 저는 vue-cli를 이용하여 구현하겠습니다. 설정이 기억나지 않으시는 분들은 이 글을 참고해주세 pewww.tistory.com vue-cli를 통해 구현하였습니다. API 데이터는 https://jsonplaceholder.typicode.com/todos 해당 사이트에서 가져왔습니다. 코드 실행 결과) PAGING ASSIGNMENT App.vue 컴포넌트입니다. 특별한 건 없고 PaginatedList를 하위 컴포넌트로 연결했습니다. ID 이름 할 일 완료여부 {{ p.id }} {{ p.userId .. 2021. 9. 12. 자바스크립트 async, await JS async, await promise의 경우 .then이 계속 연결되어 있어 값을 공유한다거나 에러 지점을 찾아낸다거나 그런 부분에 있어 어려움이 있음. 그래서 JS에서 async, await라는 문법을 지원함 async , await: 비동기처리 패턴 화살표함수의 경우 매개변수 괄호 바로 앞에다 async 키워드를 붙여주면 되고, 일반 메서드의 경우 함수명 앞에 async를 붙인다. 그리고 동기 방식으로 처리하려는 동작에 await를 붙이면 해당 동작이 다 수행될 때까지 기다리고 다음 동작을 수행하게 된다. 2021. 9. 11. 자바스크립트 콜백, 동기, 비동기, Promise 콜백: 다시 호출한다. 어떤 작업이 끝나고 다시 함수를 호출하는 개념 동기적 처리: 한 동작이 끝나고 나서야 비로소 다음 동작을 수행 비동기적 처리: 한 동작이 끝나지 않더라도 다른 작업을 함께 수행 promise: 비동기 처리에 사용되는 객체를 의미. 성공의 경우 resolve, 실패의 경우 reject를 사용하여 결과값을 전달할 수 있는데, 반환된 promise 객체에 .then을 붙여 결과값을 처리할 수 있다. 2021. 9. 10. C언어 gcc 명령어 정리 출처: https://zetawiki.com/wiki/Gcc%EB%A1%9C_C%EC%96%B8%EC%96%B4_%EC%BB%B4%ED%8C%8C%EC%9D%BC%ED%95%98%EA%B8%B0 gcc 명령어 정리 #컴파일 gcc 파일명 => gcc hello.c #실행하기 위 컴파일 결과로 생성된 .out 확장자 파일 실행 => ./a.out #실행 파일명 지정 gcc -o 실행파일명 소스파일명 => gcc hello.c -o hello.out 2021. 9. 8.
