본문 바로가기

분류 전체보기56

[CSS] 3일차 CSS정리 (CSS Box Model, Text 스타일링, Image, Input, Transform, animation CSS) 예전에 object-fit 이 뭔지도 잘 모르고 이미지를 정사각형에 맞게 자르기 위해 사용했었는데,여기서 무엇인지 자세히 알게 되었다. 이제는 이해하고 사용할 수 있을듯.Margin, Padding, Border (CSS Box Model)CSS에서 “Box Model”디자인과 레이아웃에 대해 이야기 할 때 사용됨기본적으로 모든 HTML 요소를 감싸는 상자.여백, 테두리, 패딩 및 실제 콘텐츠로 구성됨⇒ 내용 - 패딩 - border - 마진margin: padding: border: border: 1px solid blue;Text 스타일링font-family : 글꼴 변경.font-family: Roboto, Verdana, Arial;// roboto 사용을 못하는 경우, verdana로 돌아감//.. 2024. 11. 17.
[Github] ! [rejected] main -> main (fetch first) 오류 해결 (동기화 문제) 새로운 코드를 작성하고, 깃허브에 push 하려고 하는데 또 오류가 난것이다.가지각색 오류가 정말 잘 보인다. 왜이렇게 예민해!!!!!!!!!!!!!!!!! 문제는 그거였다. 원격 저장소와 로컬 저장소가 달라서 (내용이 달라서) 발생한 오류인것.나의 경우에는 맨 처음 파일을 push하고, 깃허브로 READEME.md 파일을 수정했는데,그게 내 컴퓨터에는 없어서 오류가 난것. 즉, 깃허브에는 READEME.md가 있지만, 로컬에는 READEME.md가 없어서깃허브가 나 이거 push 받을 수 없쪙. 하고 발생한 오류인것이다.. 해결법은동기화 시켜주면 된다.어떻게?pull 로 끌어오면 된다.git pull --rebase origin main이 코드 입력 후, 다시 push 하면 커밋이 된다. 아니면 앞에 .. 2024. 11. 17.
[Github] 토큰 인증 에러 해결 remote: Support for password authentication was removed on August 13, 2021. remote: Please see for information on currently recommended modes of authentication. fatal: Authentication failed for 요약 : 비밀번호 말고 토큰을 입력해야 한다.맥북으로 깃허브에 커밋하려고 하는데git push -u origin main이게 안먹는것이다.. 사실 앞에서 맥북에 깃허브를 설치하고,, (🍺 처음본다 이거. 맥북은 좀 다르구나)레파지토리 연결하는 과정에서 연결이 안되는 자잘한 오류가 있어 폴더를 한번 삭제했다가git initgit branch -m maingit remote add origin "주소"git add .git commit -m "뭐적어"git push -u origin main이 순서로 명령어를 작성해서 오류를 해결하긴 했는데, 딱 git push -u origin main 여기서remote: Support for password authentication was removed on Augu.. 2024. 11. 16.
[JavaScript] 자바스크립트 (타입, 타입 변환), (연산 및 Math Object) Data Type in Javascript자바스크립트 타입: 크게 두 가지의 타입으로 나뉘어져있다.원시 타입 : Boolean(T,F), String, Number, null, undefined, Symbol (불변성을 가지고 있다)Call Stack 이라는 곳에 저장이 됨.              : 고정된 크기로 Call Stack 메모리에 저장, 실제 데이터가 변수에 할당참조 타입 : Object, ArrayHeap 이라는 곳에 저장이 됨객체든, 배열이든 이 주소가 Call Stack에 저장이 된다.→ 주소만 가져온다.: 데이터 크기가 정해지지 않고 Call Stack 메모리에 저장, 데이터의 값이 heap에 저장되며 변수에 heap 메모리의 주소값이 할당⇒ enemies 라는 변수를 만들고 여기에.. 2024. 11. 16.
[CSS] 2일차 css 정리 (가상클래스, 가상요소) 복습한다는 생각으로 차근차근 하는중이다.처음 안건 베지어 곡선(안써봤는데 이거 만드는 사이트도 있더라)first-of-type과 first-child의 차이점이다.그리고 float과 float clear 헷갈렸는데 이 참에 제대로 잡고 간 것 같아서 기분이 좋다.class 속성특정 요소를 대상으로 지정할 수 있음여러 요소가 동일한 클래스를 가질 수 있음공백으로 구분된 클래스 여러 개를 가질 수 있음css에서는 . 으로 작성transitiontransition: 스타일 변경 시 부드럽게 전환하게 해줌 (흔히 호버링할때 사용됨)선택자가 변화되는 것을 시간의 흐름을 줘서 변화시키는 속성transition: 0.20s 도 가능transition: 속성 시간 속도 지연시간;⇒ 이렇게 투명도 변화시간 0.20초, .. 2024. 11. 16.
[JavaScript] 자바스크립트 기본 다지기(Consol 객체), (var,let,const) Consol 객체: 브라우저의 디버깅 콘솔(Firefox 웹 콘솔)에 접근할 수 있는 메서드를 제공.동작 방식은 브라우저마다 다르지만, 사실상 표준으로 여겨지는 기능도 여럿 있다.Consol 객체는 아무 전역 객체에서나 접근 가능.console.log('안녕하세요');console.log(123);console.log(true);var greeting = '안녕하세요.';console.log(greeting);console.log({a:"a", b:"b"});//테이블로 나온다console.table({a:"a", b:"b"})//에러를 보여주어야 한다console.error('Error!');//경고를 할때console.warn('Warning!');//1,2,3,4,5를 출력하는데 얼마의 시간이 걸리.. 2024. 11. 16.

티스토리툴바