반응형 언어공부102 [Javascript] ag-grid 로 그룹 테이블 만들기 다른 회사에서 일하고 있는 친구가 help를 요청했다. ag-grid로 테이블을 만들고 싶은데 어떻게 쓰는지 모르겠다고 해서 한번 바닐라 자바스크립트로 만져 보았다. 친구의 의도는 맨 위에있는 1번 row가 그룹이 되어서 밑으로 2, 3, 4 row가 나오는 걸 원하는 듯 한데 그렇게 되면 그룹이 지어지지 않아서 맨 앞에 groupNo를 추가해서 그룹을 지었다. ag-grid는 ui가 깔끔해서 좋긴 한데 커스텀 할 때마다 항상 2%씩 아쉬운 느낌이다. 나중에 쓸 일이 있을때 참고해야지 main.js // 각 컬럼 데이터(테이블 헤더 이름 등) var columnDefs = [ { // 테이블 헤더 이름 headerName: 'groupNo', // 필드 이름 field: 'groupNo', // 최소 너.. 2021. 8. 27. [JavaScript] 연산자 && (AND), || (OR) 사용법 자바스크립트를 쓰다보면 && , || 와 같은 AND, OR 연산자를 많이 보게 되는데, 어떤 경우에는 해당 변수의 유무에 대해서도 쓰고, 조건문의 참, 거짓으로도 사용한다. 이 연산자를 사용하면 어떤 경우에는 조건문을 대체 할 수 있기 때문에 유용하다. 나도 이전에는 삼항연산자 또는 if else 문으로 썼던 코드를 많이 줄일 수 있게 되었다. 이쯤에서 내가 해당 연산자를 제대로 쓰고 있는지 확인하고자 &&, || 연산자에 대해서 정리하고자 한다. 1. 함수 인자를 통한 변수 초기화 ( || 연산자) function documentTitle(theTitle) { if (!theTitle) { theTitle = "Untitled Document"; } } 위의 코드는 함수를 통해 인자를 전달 받아 th.. 2021. 8. 1. 'NODEJS강의' '패스트캠퍼스 후기' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' https://bit.ly/3pdy7Wq 한 번에 끝내는 Node.js 웹 프로그래밍 초격차 패키지 Online | 패스트캠퍼스 12가지 프로젝트로 배우는 Node.js! 블라인드 앱 클론 코딩, MBTI 테스트 사이트, 퀴즈 사이트, 브런치 웹 크롤러 등 유저들이 좋아하는 사이트를 내 손으로 직접 만들어 볼 수 있어요! 프론트엔드+백 fastcampus.co.kr 2021. 6. 30. Event Loop, Callback Queue - NODEJS강의 패스트캠퍼스 후기 Call Stack 콜 스택이란 지금 시점까지 불린 함수들의 스택이다. 함수가 호출될 때 쌓이고 리턴할 때 빠진다. 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' https://bit.ly/3pdy7Wq 2021. 6. 30. 'NODEJS강의' '패스트캠퍼스 후기' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' 'NODEJS강의' '노드JS' https://bit.ly/3pdy7Wq 2021. 6. 30. [Node.js] (NODEJS강의, 패스트캠퍼스 후기) NODEJS강의 NODEJS강의 NODEJS강의 NODEJS강의 NODEJS강의 노드JS 노드JS 노드JS 노드JS 노드JS 타입스크립트: 자바스크립트에 타입 정의를 얹어놓은 것 Formatting, ESLint, Prettier Type Checking 2021. 6. 30. [Node.js] Node의 역사, Node의 특징 (NODEJS 강의 후기) 이번 강의는 백앤드 part1 의 Ch01, Ch02 부분이다. NODEJS(노드 js)의 역사와 특징, 장단점 등에 대해서 배워보았다. 먼저 위키백과의 node.js 에 대한 설명을 살펴보면 아래와 같다. Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 한다. 고전적인 방식 : 고전적인 요청하고 기다리기 방식은 너무 많은 클럭 수를 낭비한다.. 2021. 6. 30. [React] Context 란? Context 활용 방법, 공식 문서 context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다. 일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 (예를 들면 선호 로케일, UI 테마) 이 과정이 번거로울 수 있습니다. context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 이러한 값을 공유하도록 할 수 있습니다 언제 context를 써야 할까 context는 React 컴포넌트 트리 안에서 전역적(global)이라고 볼 수 있는 데이터를 공유할 수 있도록 고안된 방법입니다. 그러한 데이터로는 현재 로그인.. 2021. 6. 28. [React] 리액트 훅 (Hook) useState, useEffect 활용하기 리액트를 처음 공부할 때 어려웠던 부분이 Hook이었다. 사실 리액트 공부 시작한지 4주차인 꼬꼬마라 아직도 어렵다. 그래도 이제 Hook이라는게 뭔지 조금은 알것 같아서 정리하면서 더 공부해보려고 한다. 아래는 리액트 자습서의 내용이다. 동기 Hook은 우리가 5년간 React로 컴포넌트를 작성하고 유지하는 동안 부딫혔던 수 많은 문제들을 해결했습니다. React를 배우는 중이든, 매일 사용하든, 심지어 비슷한 컴포넌트 모델과 함께 다른 라이브러리를 선호하든지 간에, 사용자는 이러한 문제를 인식해 왔을 것 입니다. 컴포넌트 사이에서 상태 로직을 재사용하기 어렵습니다. React는 컴포넌트간에 재사용 가능한 로직을 붙이는 방법을 제공하지 않습니다. (예를 들어, 스토어에 연결하는 것) 만약 이전부터 Re.. 2021. 6. 27. [패스트캠퍼스] node.js / 노드.js 강의 후기 진행 예정! Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 한다. 출처: 위키백과 패스트캠퍼스에서 node.js / 노드.js 강의를 들으려고 생각하고 있었는데 마침 서포터즈를 모집한다고 해서 신청해보았다. 너무 감사하게도 서포터즈로 활동할 수 있게 되었고 이번주에 첫 포스팅을 하게 되었다. 나는 최근 개발자로 첫 취업을 하게 되어서 지금 회사에서 리액.. 2021. 6. 9. 이전 1 2 3 4 5 ··· 11 다음 반응형
