본문 바로가기

전체 글

컴포넌트 라이프사이클, DOM 정리 ✨ 참고자료: 컴포넌트 라이프 사이클, DOM DOM은 정확히 무엇일까? | WIT블로그최근 잘못 이해하고 있었던 DOM에 대해 정확한 개념을 정리해 보고자 What, exactly, is the DOM? 문서를 번역해 보았습니다.wit.nts-corp.com [React] 컴포넌트 라이프 사이클과 주요 메서드 호출 순서컴포넌트 라이프사이클 이란 컴포넌트 라이프사이클은 컴포넌트의 생성부터 소멸에 이르는 일련의 이벤트로 생각할 수 있습니다. 모든 리액트 컴포넌트에는 LifeCycle을 갖습니다. LifeCycle은 세가koras02.tistory.com ⭐️ 컴포넌트 라이프사이클- 컴포넌트의 생성부터 소멸에 이르는 일련의 이벤트 - 리액트 컴포넌트는 라이프사이클을 갖는다 - 크게 세가지 카테고리로 나뉘며 개괄.. 더보기
OSI 7계층 정리 ✨ 참고자료: 참고자료 ⭐️ OSI 7계층 - 네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것 📚 7계층으로 나눈 이유는? - 단계별로 한눈에 파악하기 위해 💡 ) 만약, PC방에서 게임이 끊겼다면, 이 문제를 해결해야 한다. 🌻) 모든 PC에서 문제가 있다면, 라우터의 문제(3계층 네트워크)이나 광랜을 제공하는 회사의 회선문제(1계층 물리계층) - 또는 한 PC만 문제가 있다면, 소프트웨어 문제 (7계층 어플리케이션 계층) - 소프트웨어 문제가 없고, 스위치에 문제가 있으면 (2계층 데이터링크계층) 있다고 판단해 다른 계층에 있는 장비나 소프트웨어를 건들이지 않을 수 있다. 📚 OSI 7계층 단계 📚 1계층 물리계층 - 2계층 데이터링크 계층 - 3계층 네트워크 계층 - 4계층 전송계층 - 5계층 세.. 더보기
정규표현식 메타 문자 정리 ✨ 출처: 준재님 메타문자 정리 쓰윽~ GitHub - bear-bear-bear/learning-regExp: 정규 표현식 학습 정규 표현식 학습. Contribute to bear-bear-bear/learning-regExp development by creating an account on GitHub. github.com ⭐️ 정규표현식의 메타 문자 - 자체적인 의미를 가지지 않고 특별한 방식으로 해석 - 대괄호 안에서 쓰임 ✨ / - 보통 패턴의 시작과 끝 ✨ . (아무 문자) - 온점(.)은 어떠한 단일 문자와도 매치되지만 리턴 혹은 개행 문자와는 매치 X - 예를 들어, .ar은 어떤 단일 문자 다음에 a가 오고, r이 오는 패턴 - ".ar" -> The car parked in th gar.. 더보기
[자바스크립트] 배열 메소드 정리 ✨ http://blog.302chanwoo.com/2017/08/javascript-array-method/ [ javascript ] Array method 정리[ javascript ] Array method 정리blog.302chanwoo.com ⭐️  배열 메소드 ✨ pop 뒷 부분 삭제var arr = [ 1, 2, 3, 4 ];arr.pop();console.log( arr ); // [ 1, 2, 3 ]   ✨ push 뒷 부분 값에 삽입var arr = [1,2,3,4];arr.push(5);console.log(arr);//[1,2,3,4,5]  ✨ unshift앞 부분에 값 삽입var arr = [1,2,3,4];arr.unshift(5);console.log(arr);//[5,1,2,3.. 더보기
git 명령어 모음 제발 외우자 git 명령어 ... ㅠㅠㅠㅠ ⭐챕터 원! git 기본 명령어 ✅ 현재 상태 확인 git status ✅ 전체 로그 확인 git log ✅ 깃 저장소 생성하기 git init ✅ 저장소 복제 git clone 레포주소 ✅ GITHUB 주소 연결 git remote add origin [github 주소] ✅ 저장소 코드 추가 git add - 커밋 변경사항 모두 포함 git add -A ✅ 커밋 생성 git commit -m 'message' ✅ git 변경 사항 원격 서버 업로드 git push origin master ✅ 저장소 변경 내용 가져오기 git pull ✅ 변경 내용을 머지하기 전에 바뀐 내용 비교 git diff [브랜치 이름] [다른 브랜치 이름] ⭐ 챕터 투! git br.. 더보기
HTTP 완벽 가이드(다람쥐 책) 참고자료: HTTP 완벽 가이드(저자: 데이빗 고을리) 웹이 어떻게 동작하는가.. 궁금한 것이 너무 많아, 다람쥐 책을 펼쳤다.. 헷갈리는 것, 기억하고 싶은 부분을 기록했다.. 뭉뚱그려 큼지막한 용어 정리부터 더 궁금한 파트까지.. 알차게 적어보았다. 하지만, 이 책을 뜨문뜨문 읽은 죄로 다람쥐로 변해버렸담... 🐿 표현한 이모지 ⭐️ : 큰 키워드 ✨: 세부 용어 정리 📚 : 파트, 소제목 ✅ : 소제목 안의 키워드 및 설명 💡 : 예시 설명 ⭐️ URI - 정보 리소스를 고유하게 식별하고 위치를 지정하는 역할. - 리소스에 대한 고유한 식별자 📚 종류 ✨ 1. URL - 특정 서버의 한 리소스에 대한 구체적인 위치 - URL의 첫 번재 부분을 스킴(scheme), 리소스에 접근하기 위해 사용되는 프.. 더보기
Next.js 공식문서 정리 ✨ 글쓴이가 헷갈리는 부분, 중요한 부분을 담은 블로깅입니다. 모든 내용이 들어간 것이 아닌 딱 요점만! 기억해야 하는 부분만! 정리해서 업로드한 것이니 참고 바라며, 출처는 이 곳에 남기겠습니다. 😎 Learn Next.js | Next.js by Vercel - The React Framework Next.js by Vercel is the full-stack React framework for the web. nextjs.org * 사용한 이모지들의 의미 😎 ✨ : 단어 의미 📚 : 소제목 ✅ : 소제목 안의 키워드 및 설명 ❓ : '만약'이라는 의미 ‼️: 중요 ! 1. 1장 세팅 (건너뛰기) 2. 2장 css 스타일링 📚 clsx 라이브러리 사용 status 상태가 pending이거나 paid일 경.. 더보기
비동기 1. 자바스크립트 비동기 처리와 콜백 함수 자바스크립트 비동기 처리와 콜백 함수 (중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등 joshua1988.github.io 콜백함수를 사용하면, 다음 단계에 또 콜백, 또 콜백 이렇게 콜백함수를 계속 물게 된다. 이것을 해결한게 promise 함수 2. 두번째 - promise 자바스크립트 Promise 쉽게 이해하기 (중급) 자바스크립트 입문자를 위한 Promise 설명. 쉽게 알아보는 자바스크립트 Promise 개념, 사용법, 예제 코드. 예제로 알아보는 then(), catch() 활용법 joshua1988.github.io 하지만 catch()를 더 많이 사용하자! 3. 자바스크립트.. 더보기

티스토리툴바