🐤 study

[GraphQL] graphQL이란? | restAPI vs graphQL | graphQL 장단점 비교

https://www.youtube.com/watch?v=EkWI6Ru8lFQ&list=PLE0hRBClSk5Lcgv3c-I3PH-1LGkv96oYN&index=19 개념 facebook이 개발한 API를 위한 query language client에게 필요한 것만 정확하게 요청할 수 있는 기능을 제공 RestAPI 방식과의 비교 ✔️ RestAPI 장점 메소드와 URI를 조합해서 예측가능하고 일정한 정보와 작업을 요청할 수 있다. 정보들을 읽고, 쓰고, 수정하고, 삭제할 수 있음 받아야하는 형식이 일정한 경우에 많이 사용 커스터마이징할때 좋음. 단점 overfetching : 필요하지 않은 정보들까지 볼 수 있음. → 데이터 측면에서 소모가 많음. underfetching : 필요한 데이터를 얻기 위해..

[CSS] flex | align-items | justify-content | flex-direction | flex-wrap | layout 배치방법

✨ flex 개념 ✔️ flexible box라고도 부른다. ✔️ layout 배치의 기능을 수행한다 속성 1️⃣ display: flex flex container를 정의할 때 사용 (1)가로방향으로 flex item배치, (2)내용물의 width만큼 차지, (2)container의 높이만큼 height 증가 2️⃣ align-items (1) align-items: flex-start; : 아이템을 시작점 기준으로 정렬 기본값 (2) align-items: flex-end; : 아이템을 끝으로 정렬함 (3) align-items: center; : 아이템을 가운데로 정렬함 3️⃣ justify-content 메인방향 아이템 정렬(가로배치일 경우엔 왼쪽, 세로 배치일 때에는 위쪽 정렬) (1) just..

[CSS] CSS 가상 선택자 nth-child, nth-of-type

(1) :nth-child(N) : 부모 안 모든 요소 중 N번째 (2) M:nth-of-type(N) : 부모 안 M 요소중 N번째 예제 ) 신호등..?만들기 : div 세개로 각 box들이 구성되어 있다고 가정(고유 이름 x) /*1-2.css*/ div { width:100px; height:100px; margin-left:0; background-color:red; } div:nth-child(2) { background-color:gold; margin-left:auto; margin-right:auto; } div:nth-child(3) { background-color:green; margin-left:auto; } section { border:5px dotted gray; } 특정 방향..

[VSCode] vscode에서 emmet 설정하는 법 / emmet 적용 안될때 (Mac)🛠

1. Code > 기본설정 > 설정 클릭 2. 확장 > Emmet 클릭 3. Trigger Expansion On Tab 체크박스 체크해주기 ‼️ 4. 확인 ex) 테스트코드 section>div*10 📋 공식문서 https://code.visualstudio.com/docs/editor/emmet Emmet in Visual Studio Code Using Emmet abbreviations inside Visual Studio Code. code.visualstudio.com

[CSS] 롤오버(hover)란? | hover 사용법 | hover 예제

🔥 CSS [실습 1] 롤오버(hover) 사용하기 hover란? : 이미지, 텍스트, 버튼 등에 마우스 포인터가 올라갔을 때 전환되는 css 요소 사용법 : 이벤트를 적용하고 싶은 위치에 :hover 선언 예시) div:hover { background-color : pink; } 박 다 안녕? 정 /* hober.css */ section, div { width: 150px; height: 150px; margin: 20px; background-color: yellow; font-size: 2rem; color: white; text-align: center; } div { background-color: pink; display: none; } section:hover ~ div:not(:nth-..

[GIT] git 브랜치 전략 | git flow, github flow 차이

✨ 브랜치 전략 📌 브랜치 전략 정의 : 브랜치 생성에 규칙을 만들어 협업을 유연하게 하는 방법론 두가지 브랜치 전략으로 구분된다. 1️⃣ git-flow 전략 5가지 branch를 관리하는 모델 1. 메인 브랜치 master branch - 배포 가능한 상태만 관리하는 브랜치 develop branch - 평소에는 이 브랜치로 개발 진행 → 나중에 master과 통합 - 다음에 배포할 것을 개발하는데 쓰이는 브랜치 2. 보조 브랜치 feature branch - 보통 develop branch에서 분기되어 각각의 작업을 수행한다. - 새로운 기능을 추가할 때 주로 사용하는 가지 release branch - develop 브랜치로부터 release branch를 생성 → 배포 가능한 상태가 되면 mas..

[Java] length, size()의 차이

🐤 length array.length -> 배열의 길이 구할 때 사용 int[] array = new int[10]; System.out.println(array.length); // 출력 : 10 🐤 size() list.size() -> collection 타입의 사이즈를 구할때 필요하다.(ArrayList) List l = new ArrayList(); l.add(1); l.add(2); System.out.println(l.size()); // 출력 : 2

[Java] HashMap정리

🔥 이 포스팅은 노마드코더, 자바의정석님의 영상을 보고 간결하게 정리했습니다. HashMap은 key-value 시스템으로 Map 인터페이스를 구현한 대표적인 컬렉션 클래스다. 🐤 HashMap과 List 비교 List : O(N) - 일일히 아이템을 탐색하는 구조(아이템이 많아질수록 시간이 증가) HashMap : O(1) - 찾는데 단 1 스텝만 들어감 => 매우 빠름! 🐤 해싱(Hashing)이란? hash function을 통해 data를 저장하고 읽어오는 방법 key값을 넣으면 index(저장위치, Hash Code)를 알려준다. ⭐️ 해싱 순서 : 키로 해시함수 호출 -> hash function을 통해 hash code얻어옴 -> hash code에 대응하는 링크드리스트 배열에서 찾음 -> ..

[Java] 정규식 정리

계속 추가할 계획.. 🐤 문법 1. 연속된 문자열 치환하기 str.replaceAll("\\s{2,}", ""); \\s : 문자열 (특수부호의 연속인 경우 \\. 와 같이 사용) {2,} : 2회 이상의 2. 특정 문자를 제외한 모든 문자 제거 s = s.replaceAll("[^\\d\\-_.]*", ""); //숫자나 -,_,.이 들어가지 않으면 모두 제거 \\d : 숫자(0-9)를 의미 ^ : (중괄호 안에 들어가 있는 경우)not조건, "그 뒤에 들어가는 문자열에 해당하지 않으면 ~" 이라는 의미를 가짐. \\ : \d와 같은 \가 자체적으로 들어가는 문법이나 특수문자의 사용에 필요함 3. 특정 문자로 시작하거나 종료하는 경우의 제거 new_id = new_id.replaceAll("^[.]|[..

[Java] ArrayList<Integer>를 int[]로 변환하는 방법

1. int와 Integer의 차이 int는 primitive 자료형으로 연산이 가능하지만 null로 초기화 할 수 없다는 점이 특징이다. Integer는 Wrapper 클래스로 연산이 불가능하지만 null값을 가질 수 있다. 선언 int i = 0; Integer j = new Integer(10); Integer가 연산을 하기 위해서는 Unboxing과정이 필요하다. Integer j = new Integer(5); int k = j.intValue(); //unboxing 2. ArrayList를 int[]로 변환하는 방법 List list = new ArrayList(Arrays.asList(1,2,3,4)); System.out.println(list.getClass().getSimpleName..