본문 바로가기

분류 전체보기58

[ag-grid] Grid System Framework-1(작성중...) 회사에서 Angular에 그리드에 유용한 ag-grid를 접목해서 사용중이다. 따라서 ag-grid에 대해서 공부해보면서 하루에 하나씩 이해해 보려한다. 공식 홈페이지를 보면서 하나씩 따라해보자! 공식 홈페이지 : https://www.ag-grid.com/ AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid AG Grid is a feature rich datagrid designed for the major JavaScript Frameworks. Version 25 is out now. Easily integrate into your application to deliver filtering, grouping, aggregatio.. 2021. 12. 3.
Bootstrap 기본정리 [부트스트랩 한글 홈페이지] : https://getbootstrap.kr/ 웹 개발을 하다보면 필연적으로 css를 마주하게 된다. css를 가내수공업마냥 한땀한땀하는 것도 좋지만 css를 극혐(?)하는 사람들을 위해 부트스트랩이라는 프론트엔드 프레임워크가 존재한다. 이 프레임워크를 이용하면 레이아웃을 잡는것이 간편해질 뿐만 아니라 크로스브라우져에서 같은 화면을 보여줄 수 있도록 해주며 반응형까지도 알아서 잡아주기 때문에 상당히 유용하고 널리 사용되는 프론트엔드 단의 프레임워크이다. Bootstrap 기본 사항 정리 Bootstrap은 12칼럼을 기준으로한 그리드 시스템을 이용한다.(그리드 시스템은 행과 열로 이루어진 테이블을 생각해보면 되고 엑셀을 생각하면 쉽게 이해할 수 있다.) 그리드 시스템은 컨테.. 2021. 11. 30.
Git hub 꾸미기 // TODO : 꾸미고 난 뒤 작성하기 서핑을 하다보면 깃헙에 접속하는 경우가 종종 있었는데 꽤나 잘 꾸며진 깃헙 프로필을 보면 내 기분까지 좋아지는 느낌을 받았다. 그래서 그동안 사막같던(잔디를 심은 날이 없는) 깃허브를 꾸며봐야겠다는 생각을 했다. 참고: Harry's Diary 2021. 11. 26.
윈도우 팝업 vs 레이어 팝업 웹 개발을 하다보면 윈도우 팝업과 레이어 팝업이라는 용어를 심심치 않게 들을 수 있다. 두 가지 팝업의 차이점이 무엇인지 알아보도록 하자 1. 윈도우 팝업 - 윈도우 팝업은 새로운 브라우저 창을 띄워 내용을 표현하는 방법이라 보면 된다. 보통 어떤 홈페이지에 최초 접속하였을 때 중요한 정보들을 강조해서 보여주기 위한 용도로 많이 사용되며, 사용자가 원치 않는 경우 호출하지 않도록 막는 기능을 제공하는 것이 대부분이다. 2. 레이어 팝업 - 흔히 Bootstrap에서 제공하는 Modal로 많이 알고 있는 레이어 팝업은 사실 이미 만들어져 있는(구현 방법에 따라 동적으로 생성되기도 하겠지만) 하나의 엘리먼트라고 생각해도 될 듯하다. 감추어 두었던 엘리먼트를 특정 이벤트에 따라 보여주는 형식으로 구현하는 것이.. 2021. 11. 25.