CSS Position position 속성을 통해 문서 상에 요소를 배치하는 방법을 지정한다. top, bottom, left, right 속성을 통해 요소의 최종 위치를 결정한다.Position 속성 static 기준 없음(배치 불가능/기본값) 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓인다. relative 요소 자기 자신을 기준으로 배치 static이었을 때의 위치를 기준으로 지정한 만큼 이동 absolute 부모(조상..
공부
웹 접근성의 개념과 핵심 원리웹 접근성이란?-모든 사용자가 특정 환경이나 신체적 장애에 상관없이 웹 사이트나 애플리케이션에서 제공하는 모든 정보에 동등하게 접근하고 이용할 수 있도록 보장해 주는 것이다.-장애인뿐만 아니라 고령자, 비장애인도 접근성의 대상이 된다.웹 접근성 핵심 원리사실 핵심 원리는 글마다 조금씩 다르게 서술하고 있는데, 네이버의 웹 접근성 관련 문서가 가장 간결하면서도 이해가 쉽게 정리되어 있다고 생각하여 갖고 왔다.1.인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다.2.운용의 용이성: 사용자 인터페이스 구성 요소는 조작 가능하고 네비게이션할 수 있어야 한다.3.이해의 용이성: 콘텐츠는 장애유무에 관계없이 이해할 수 있게 구성되어야 한다.4.견고성: 웹 콘텐츠는 미래의 기..
eslint를 다시 정리하고 실행해서 나온 에러를 보며 코드를 수정하던 중 다음과 같은 에러를 만났다. The 'setUpRoom' function makes the dependencies of useEffect Hook (at line 88) change on every render. Move it inside the useEffect callback. Alternatively, wrap the definition of 'setUpRoom' in its own useCallback() Hook react-hooks/exhaustive-deps 문제가 되는 코드는 다음과 같았다.const setUpRoom = async (shouldCreateRoom: boolean) => { if (shouldCre..
.gitignore이란??.gitignore 파일은 Git 버전 관리 대상에서 제외할 파일 목록을 지정하는 파일이다. .gitignore 파일은 프로젝트의 루트 디렉터리에 위치해야 한다.왜 필요하죠?불필요한 파일 제외 : 컴파일된 바이너리 파일, 로그 파일, 임시 파일 등 프로젝트에 필요하지 않거나, 자동으로 생성되는 파일들이 git에 포함되지 않도록 방지한다. 이러한 파일들을 커밋하지 않으면 원격 저장소의 크기를 줄이고, 불필요한 변경 사항을 피할 수 있다.보안 정보 보호 : API 키, 비밀번호, 개인 설정 파일 등 민감한 정보를 포함하는 파일이 Git에 포함되지 않도록 하여 보안을 강화한다. 예를 들어, .env와 같은 파일을 .gitignore에 추가하여 Git에 올라가지 않게 하는 것이다.환경에..
객체 지향 프로그래밍(OOP, Object-Oriented Programming)객체 지향 프로그래밍이란 컴퓨터 프로그램을 여러 독립적인 객체들의 유기적인 협력과 결합으로 파악하고자 하는 컴퓨터 프로그래밍의 패러다임. 객체 지향 프로그래밍의 장점프로그램을 보다 유연하고 변경이 용이하게 만들 수 있음.코드의 변경을 최소화하고 유지보수를 하는 데 유리함.코드의 재사용을 통해 반복적인 코드를 최소화하고, 코드를 최대한 간결하게 표현할 수 있음.인간 친화적이고 직관적인 코드를 작성하기에 용이.객체 지향 프로그래밍의 4가지 특징추상화, 캡슐화, 상속, 다형성 객체객체는 객체 지향 프로그래밍의 가장 기본적인 단위이자 시작점이다.객체 지향 개념의 가장 기본적인 전제는 실제 세계는 객체들로 구성되어 있으며, 보여지는 ..
