Dev.지식공유5 프로그래스 바(Progress Bar) Part.02 Progressbar 란? 사람이 로딩창을 볼 때 그 시간이 4초 이상 지속 될 시 지루함, 또는 불안함을 느낀다고 합니다. 그렇기 때문에 "Progressbar"를 이용해서 진행률이 어느 정도 되었는지를 알려줌으로써 이용에 편리함을 느낄 수 있게 해주는 것이 Progressbar 라는 놈의 의의죠. (part.01꺼 그대로 들고옴 히히) 개발하는 환경이 다 다르기 때문에 HTML, CSS, 그리고 TS에서 어떨 때 어떻게 사용해야 하는지 정도를 간략하게 설명하려고 합니다. CSS 저번 포스팅에서 구현한 html에 이미지를 입혀주는 작업입니다.모달 창부터, 프로그래스 바까지 하나씩 살펴보겠습니다. 따라오시져!! Modal 창 스타일링 하기 우선 큰 모달 틀을 하나 만들어주고 그 안에서 모달을 조성해보겠습.. 2023. 8. 23. 프로그래스 바 (Progress Bar) Part.01 Progressbar 란? 사람이 로딩창을 볼 때 그 시간이 4초 이상 지속 될 시 지루함, 또는 불안함을 느낀다고 합니다. 그렇기 때문에 "Progressbar"를 이용해서 진행률이 어느 정도 되었는지를 알려줌으로써 이용에 편리함을 느낄 수 있게 해주는 것이 Progressbar 라는 놈의 의의죠. 개발하는 환경이 다 다르기 때문에 HTML, CSS, 그리고 TS에서 어떨 때 어떻게 사용해야 하는지 정도를 간략하게 설명하려고 합니다. HTML 우선 HTML에서 해야할 일은 크게 4가지가 있습니다. 1. 모달 창 만들어주기 2. x 버튼 추가해주기 3. 귀여운 애니메이션 추가해주기 4. 프로그래스 바 추가해주기 Modal 창 만들기 1. div 태그를 이용해서 모달의 큰 틀을 형성해줍니다. 이때 styl.. 2023. 8. 18. (CRUD)Part1 CREATE CRUD 전 글에서도 말했듯이, CRUD는 Create(생성), Read(읽기), Update(갱신), Delete(삭제) 입니다. 이걸 언제 쓰는지에 대해서 알아봅시다ㅎ. 데이터베이스는? 데이터베이스는 말 그대로 우리가 데이터를 저장하는 공간입니다. 그 데이터를 저장 할 수도 있어야하고, 수정/삭제 할 수도 있어야하고, 저장된 데이터를 불러 와서 그 데이터를 사용할수도 있어야합니다. 우리는 CRUD라는 명령을 통해 위에서 말한 행위들을 할 수 있습니다. 오늘은 그중 CREATE에 대해서 설명해보겠습니다. 언제나 그렇듯 최대한 쉽게.. C (CREATE) CREATE라는 명령어를 통해서 데이터를 저장할 테이블을 만드는 것 입니다! 예시) Create table 테이블명( 컬럼명(idx) 타입(주로 int.. 2022. 11. 29. 관계형 데이터베이스(RDBMS) 란? 관계형 데이터베이스 안녕하세요! 저는 Erp개발자로써 회사에 다니고 있는데 아무래도 Erp개발자는 다른 언어도 많이 쓰지만 그중에서도 sql의 비중이 상당히 높습니다. 그래서 공부했던 내용들을 알아보기 쉽게 정리 해보려고 합니다. 편하게 읽고 넘어가실 수 있게 써보겠습니다! 그게 뭔데? 데이터베이스는 데이터 저장소이다. 테이블을 통해서 정보를 저장하고, 관계형 데이터베이스는 그 데이터의 저장소 끼리 관계를 맺는다는 말입니다. 이게 끝! 관계를 맺는다는게 뭔데??? 여러 정보들을 담은 테이블이 있는데 이 테이블에는 반드시 Primary Key(PK) 라는 값이 존재합니다. 저 PK로 연결된 다른 테이블의 정보를 쓰겠다~ 라는 말입니다! 예를 들어 A학교라는 테이블이 있습니다. 그 테이블 안에는 어떤 선생님.. 2022. 11. 24. 이전 1 2 다음
