const uid = request.session.uid; db.query('SELECT JSON_ARRAYAGG(JSON_OBJECT("upassword",upassword,"uname",uname, "address", address, "phoneNum", phoneNum)) FROM userTable WHERE email = "' + uid + '";', function(err, data) { if (!err) { const res = data[0]; console.log(res); // 받아온 데이터를 콘솔에서 테스트 } else { console.log('연결 오류'); } } 지금 마무리 중인 MVC 모델 적용 프로젝트에서 Service가 날려주는 쿼리의 결과를 JSON으로 받아서 뷰에 전송해주..

1. node.js 설치  2. npm과 yarn(자바스크립트 패키지 관리 도구) 설치 (VS Code의 터미널에서 설치 가능) 3. VS Code를 켜고 워크스페이스로 사용할 폴더로 들어가서 create-react-app 설치npm install -g create-react-app 4. create-react-app 명령어로 새로운 폴더 생성npx create-react-app client 5. client 경로에서 파일과 폴더가 생성된 것을 확인 6. client 경로에서 아래의 명령어로 react 서버 실행 npm start 7. 브라우저를 켜고 localhost:3000으로 접속하여 리액트 서버 연결 확인

ADsP를 취득하고 공부한 것이 아까워서 4월에 빅데이터 분석 기사 시험을 봤었다. 빅분기는 ADsP보다 식을 세워서 풀어야하는 수학 문제 같은 것들이 많이 나와서 시험 보고 나서 망했다고 생각했지만 커트가 그리 높지는 않은 덕분에 결과를 보니 결국 겨우 합격을 하긴 했다. 기출도 공개되지 않은 빅분기 시험을 어떻게 통과할 수 있었을까 생각해보니 시간날 때 틈틈히 들었던 포스텍 강좌의 도움을 많이 받은 것 같다. 정말 핵심만 잘 정리해둔 자료들! 통계학과 데이터는 업무 뿐 아니라 살아가면서 도움이 많이 되는 분야고, 적금처럼 해두고 싶은 분야인지라 아카데미 다시 신청해서 1차 때 다 못들었던 강좌도 마저 들을 예정. 나도 언젠간 데이터로 이야기할 수 있는 사람될 수 있겠지? https://pabi.sma..

관리하기 쉬운 코드를 작성하기 위한 최적화 방법 블록 차단 리소스 최적화 리소스 용량 줄이기 리소스 요청 개수 줄이기 이미지,폰트 x 올바른 확장자 사용 불필요한 파일 요청 지양 1)Image Sprite 2)WepP 3)Lazy Loading 4)간단한 아이콘은 DATA URL을 사용 CSS 바로 아래 작성 복잡한 셀렉터 지양 공통 스타일은 클래스로 설정 내부 스타일 시트 사용 JS 하단에 작성하거나 asyn, defer 속성 명시 불필요한 코드 제거 모듈 번들러로 번들링 공통 x x 캐싱

Array 자료구조는 논리적 저장 순서와 물리적 저장 순서가 일치하는 순차적 리스트이다. 저장 순서에 따라 할당된 인덱스 값으로 위치하는 element에 접근할 수 있으며, Array의 element 중 하나를 삭제하게되면 해당 원소에 접근하여 작업을 완료한 뒤 (O(1)) 삭제한 원소보다 더 큰 인덱스를 갖는 원소들을 shift하여 해당 원소가 비어있는 빈 공간을 없앤다.(O(n)) Array로 구현한 순차적 리스트의 단점은 연산 시 원소에 접근하여 작업을 완료한 뒤 또 한 가지의 작업을 추가적으로 해줘야 하는 것이다. (삽입 시에도 첫번째 자리에 새로운 원소를 추가한다면, 모든 원소들의 인덱스를 1씩 shift해줘야한다.) 순차적 리스트의 단점을 보완하기위한 자료구조가 Linked List이다. Li..

var, let, const로 선언할 수 있는 자바스크립트의 변수의 자료형은 원시 타입(Primitive Data Type)과 비원시 타입(Non-Primitive Data Type)으로 나눌 수 있다. 원시 타입(Primitive Data Type) - 한번에 하나의 값만 가질 수 있음 - 하나의 고정된 저장 공간 이용 (원시 타입 자료형은 값이 고정 불변) ex. string, number, bigint, boolean, undefined, null, symbol(ES6) // 표 1 // 변수에 value 할당 let newVar = 23; let myNum = 24; let myString = 'abcd'; // 표 2 // newVar 변수에 value 재할당 newVar = 50; 원시 타입은..