분류 전체보기
-
As-Is, To-Be카테고리 없음 2023. 7. 21. 17:39
오늘 처음으로 회의에 참석했다. 저번 프로젝트에서 한번 회의에 참석할 기회가 있었는데 결론은 회의에 들어가지 못했다... 회의 한번 들어가보고 싶어서 기대 많이 하고 있었는데 나는 아직 너무 뽀시래기라서 참석하지 않았다... 물론 다른팀 뽀시래기들도 참석하지 않았다ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 오늘도 나는 회의 안들어가는 줄 알고 기대 안하고 있었는데 차장님이 회의 가자고 하셔서 갑작스럽게 들어가게 되었다 나는 앉아서 가만히 듣기만 했다 회의를 들으면서 as-is를 많이 들었다 이것 역시 처음 듣는 용어였다. as-is란? 지금 현재의 있는 그대로 또는 현재의 상태 그대로를 뜻함 to-be란? 미래의 라는 의미로 미래에 개선되어야할 점등을 뜻함
-
overflow 속성(visible, hidden, scroll, auto)css 2023. 7. 21. 11:13
overflow란? 주어진 공간이 모자라서 넘치는 컨텐츠를 어떻게 보여줄지 결정할 때 사용 visible : 기본값 : 컨텐츠가 주어진 공간보다 넘칠 때 밖으로 밀어내며 컨텐츠를 다 보여줌 hidden : 컨텐츠가 주어진 공간보다 넘칠 때 공간 밖으로 삐져 나가는 컨텐츠를 숨겨버릴 수 있음 scroll : 주어진 공간보다 넘치는 콘텐츠를 볼 수 있도록 스크롤바가 생기는 기능 : auto와 달리 항상 스크롤바가 있음 : 주어진 공간보다 많아서 숨겨진 콘텐츠를 스크롤바를 이용하여 볼 수 있음 : scroll 대신 overflow-x overflow-y 속성을 사용하여 가로 세로 스크롤을 선택적으로 적용할 수 있음 auto : 컨텐츠의 양이 변함에 따라 스크롤바를 생기게 할지 숨기게 할지 자동으로 결정해줌 :..
-
white-space 속성(nomal, nowrap, pre, pre-wrap, pre-line)css 2023. 7. 21. 10:26
white-space란? 여백 공백을 뜻함 nomal : 기본값 : 공백을 여러개 넣어도 1개의 공백으로 표시 : 글이 길어지면 자동으로 줄바꿈 nowrap : 공백을 여러개 넣어도 1개의 공백으로 표시 : 텍스트가 길어져도 자동으로 줄바꿈 하지 않음, 같은 줄에 계속 표시 pre : 공백을 코드에 있는 그대로 표시 : 태그처럼 동작함 : 코드에 줄바꿈이 없다면 줄바꿈을 하지 않음 pre-wrap : 공백을 코드에 있는 그대로 표시 : 코드에 줄바꿈이 없어도 자동으로 줄바꿈 pre-line : 공백을 여러개 넣어도 1개만 표시 : 코드에 줄바꿈이 없어도 자동으로 줄바꿈 : 코드에 줄바꿈이 있어도 그대로 표시 참고 https://www.daleseo.com/css-white-space/ https://ab..
-
orientation: portrait / Landscape이것저것 2023. 7. 19. 14:43
오늘도 scss 폴더 뒤적뒤적 하다가 모르는걸 발견했다 미디어쿼리를 사용하는데 max-width min-width 자리에 orientation: portrait가 들어가있었다 orientation: portrait / Landscape이란? 모바일 기기를 가로로 들고 있느냐 세로로 들고 있느냐에 따라 레이아웃을 변경할 일이 많다고 한다. 그래서 모바일 기기를 가로로 들고 있는지 세로로 들고 있는지 판별하는 방법으로 알고 있으면 된다. 즉, 데스크탑에서 브라우저 창의 높이와 폭의 높이 중 어느것이 더 큰지를 판별하는 것이라고 한다. portrait : 세로모드 landscape : 가로모드 참고 https://studiomeal.com/archives/1068
-
웹 클라이언트, 웹 서버, 웹 브라우저, 웹 사이트, 웹 페이지이것저것 2023. 7. 11. 14:15
웹 클라이언트란? : 웹을 사용하는 고객을 의미하며 고객은 디바이스 장치(휴대폰, 노트북, 태블릿 등)가 될 수 있음 : 웹 클라이언트는 웹 브라우저에서 발생하는 특정한 행위를 서버에 요청(request) : 예를 들어 로그인, 로그아웃, 홈쇼핑에서 물건을 구매할 때, 블로그에 글을 작성하는 행위들도 서버에 요청(request)하는 행위에 포함됨 * 요청(repuest) : 웹 클라이언트가 웹 서버에 필요한 정보를 요구하거나 처리해달라고 부탁하는 행위를 요청이라고 함 웹에서 발생하는 요청은 HTTP 요청이라고 부르기도 함 웹 브라우저란? : 디바이스 장치에서 동작하는 웹 클라이언트 프로그램 : 크롬, 사파리, edge와 같은 프로그램 : 웹 서버에서 응답response받은 데이터(이미지, 텍스트, 파일,..
-
display girdcss 2023. 7. 5. 15:42
gird의 기본 구조 gird container : 부모 요소로 gird의 영향을 받는 전체 영역 gird item : 자식 요소로 gird의 속성에 따라 각각의 아이템들이 배치되는 것 gird 용어 그리드 컨테이너(grid container) : display gird를 적용하는 영역으로 gird의 영향을 받는 전체 영역 그리드 아이템(grid item) : grid container의 자식요소로 아이템들이 grid의 규칙에 맞게 배치됨 그리드 트랙(grid track) : gird의 행row과 열column 그리드 셀(grid cell) : grid 한칸을 의미하며 grid item 하나가 들어있는 가상의 영역을 말함 그리드 라인(grid line) : grid cell을 구분하는 라인 그리드 번호(..
-
table에 border-radius 적용하기(table 테두리 둥글게 만들기)css 2023. 7. 5. 14:59
table 테두리를 둥글게 만들고 싶어서 table에 border-radius를 적용했는데 radius가 적용이 되지 않았다. 알고보니 border-collapse: collapse; 속성 때문에 서로 충돌이 일어나 border-radius가 적용이 되지 않았던 것이다. table에 border-radius 적용하는 방법 table을 div로 한번 깜싸기 div에 border-radius와 overflow: hidden; 추가 테이블-07 약정기간 이용기간 할인반환금 1년 약정 3개월 이하 누적 할인액 X 100% 4개월 이상 누적 할인액 X {잔여약정일수 / (약정기간 - 90일)} 2년 약정 6개월 이하 누적 할인액 X 100% 7개월 이상 누적 할인액 X {잔여약정일수 / (약정기간 - 180일)}..