요소의 너비와 높이를 계산하는 방법을 지정하는 CSS 속성요소의 width나 height 값이 정해져 있을 때 border와 padding 등이 추가되면 그만큼 width나 height값이 늘어나게 된다. 따라서 box-sizing 속성을 border-box로 지정하여
의미의, 의미론적인Semantic은 어문계열을 전공했다면 의미론을 공부할 때 들어봤을 단어이다. Semantics가 의미론이라는 뜻이기 때문. 그러니 semantic은 형용사로 의미의, 의미론적인 같은 뜻이 된다.그런데 이 단어가 웹이랑 결합되면?의미론적인 웹. 웹 3
position은 요소의 위치를 지정하는 속성static: 기본값. 문서 흐름에 맞춰서 자동으로 배치absolute: relative, fixed, absolute 중 하나의 속성을 가진 가장 가까운 부모 요소 기준 절대적 위치 지정relative: 원래 있던 기본값
웹페이지의 전체적인 구조 확인css 디자인 확인5개624px가장 상위태그인 html 내부의 인라인 스타일 ➡ id ➡ class ➡ tag 순으로 배치우선순위가 가장 높은 것부터 style 적용사용자 도구 스타일시트브라우저에서 기본적으로 적용되어 있는 표준 styles
유저가 요청하는 request를 실행할 수 있는 권한이 있는 유저인지 확인하는 절차인가도 JWT를 통해서 구현 가능access token을 통해 해당 유저 정보를 얻을 수 있으므로 해당 유저가 가지고 있는 권한(permission)도 확인 가능인가 절차를 통해 acce
접혔다 늘어났다 하는 아코디언처럼 클릭 이벤트가 발생할 때마다 접힌 내용이 펼쳐졌다가 접혀서 사라졌다가 하는 메뉴팀 프로젝트로 요기요 클론코딩(을 빙자한 다 뜯어고치기)을 하면서 가장 기능이 많은 상세페이지를 맡은 이상 아코디언 메뉴는 필수!각 카테고리별로 나뉘어진 메
기본적인 git flowFeature/sign-in에서 Main으로 git merge하는 경우merge를 할 때마다 모든 commit이 그대로 옮겨진다불필요한 merge commit 제거같은 작업을 진행한 commit끼리 모으기Feature/sign-in의 시작이 Ma
제대로 된 소프트웨어를 개발했는가?build right product?소프트웨어를 제대로 개발했는가?build product right?결함 확인사전 방지시간 절약구조 개선품질 개선확장성사람이 직접 테스트해보는 것불안전성이 높다.인력소모가 많다.비용이 많이 든다.테스트
전역 상태 관리 라이브러리소프트웨어 개발을 할 때 자주 쓰이는 모범 답안 같은 설계 양식Model, View, Controller관심사의 분리로 코드가 단순해지고, 유지보수 시 더 높은 수준의 자유가 생긴다.페이스북에서는 MVC 패턴 사용시 양방향 바인딩 때문에 어떤
AWS Amplify에서 자꾸 빌드가 실패할 때 React에서 오류의 원인과 해결책 찾아보기