'코딩 메모' 카테고리의 글 목록 (3 Page)

error : Uncaught TypeError: Cannot read properties of null ~

2023.05.20· 코딩 메모

다크모드를 구현하던 중... 맞이한 에러... 나는 사용도 안한 타입이 에러가 났다고 .. Uncaught TypeError: Cannot read properties of null (reading 'useContext') react.development.js:209 Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might b..

git master main 합치기

2023.05.19· 코딩 메모

vscode로 작업하다가 뒤늦게 git 으로 연동시켜야겠다, 해서 연동하다가 실수로 push 를 master로 해버렸고, 현재 기본 브랜치는 main인데 쓸데없이 또다른 master라는 브랜치가 생겨버렸다. 그래서 구글로 찾아보던 중..master에 있는 걸 main에 다 갖다 덮어쓰는 방법을 찾았다. main에 작업한 게 싹 다 사라지는 방법이지만 방금 레포생성한 나에게는 상관없는 이야기니 그대로 진행해보기로한다 git checkout master git branch main master -f git checkout main git push origin main -f 1로 커밋했던 내역들이 main에도 생겨난 모습 이제 master branch를 지워보자 원격저장소(github) 삭제 디폴트를 main..

React에서 import할때 {}중괄호 유무의 의미!

2023.05.19· 코딩 메모

import 시에, 궁금한 점이 생겼다. 사실 그동안 코딩하면서 이건 중괄호를 적네? 이건 안 적네? 하면서도 오류 뜨거나 안 될 때마다 지워가면서 했었는데, 그게 그간 별생각 없이 했었는데 이제서야 이유가 궁금해졌다.최근에 실습했던 리덕스 툴킷을 가져와 봤당import ChangeColor from "./features/color/ChangeColor"; import { Counter } from "./features/counter/Counter";얘네둘은 같은 지위를 가진 애들인데, 하나는 중괄호를 써주고 하나는 써주지 않은 상태로 import가 되고 있다. 이유는, export default 에 있었음!export default ChangeColor;export function Counter() {..

git pull 오류 해결 목록

2023.05.18· 코딩 메모

1. Need to specify how to reconcile divergent branches. $ git pull hint: You have divergent branches and need to specify how to reconcile them. hint: You can do so by running one of the following commands sometime before hint: your next pull: hint: hint: git config pull.rebase false # merge hint: git config pull.rebase true # rebase hint: git config pull.ff only # fast-forward only hint: hint: Y..

Parsing error: Cannot read file '...tsconfig\file' 해결 방법

2023.05.18· 코딩 메모

Parsing error: Cannot Read File ...tsconfig.json 모든 파일 상단에 등장한 파일 에러.. 따라서 eslint상에서 발생한 에러이며, 해당 파일의 경로를 추가해줌으로써 제대로 된 파일 경로를 찾도록 해야 했다. 🔎 해결 방법 1 해결방법 .eslintrc.js 파일에서 아래 내용을 추가해 주면 된다. overrides: [ { files: ['*.ts', '*.tsx'], rules: { 'no-unused-vars': 'off', '@typescript-eslint/no-unused-vars': ['error'], '@typescript-eslint/no-shadow': ['error'], 'no-shadow': 'off', 'no-undef': 'off', }, /..

for in / for of

2022.09.29· 코딩 메모

for ...in 객체순환 for ...of 배열순환 객체 값에 for.. in 을 쓰면 객체의 프로퍼티가 나오게 된다. 하지만 of 를 쓰면 에러가 남 배열에 of 를 쓰면 배열의 요소가 출력되고, 배열에 in을 썼을 때는 에러가 나지 않고 index의 값이 나온다 (배열도 객체이기 때문에 배열의 key 값)

- 클로저의 이해

2022.09.07· 코딩 메모

클로저 if (1 < 2) { let f = function () { let abc = 123;// abc 선언 대상의 탐색 기준에서 제외 } f(); // 함수가 실행되고 난 다음 시점에서 그 안에서 만든 변수는 밖에서 사용x console.log(abc); //abc is not defined } 접근할 방법이 없는 자료는 메모리에서 없애버린다. 함수가 실행이 종료가 된 이후에도 123을 찍을 수 있게 된다고 한다면 사라지지 않음 if (1 < 2) { let f = function () { let abc = 123; let ddd = function () { return 55; } return ddd;// ddd는 리턴을 해줌 - ccc 로 받음 } let ccc = f(); ccc(); // cc..

- HTML / CSS 2

2022.08.26· 코딩 메모

굵기: font-weight 밑줄, 가로줄: text-decoration 자간: letter-spacing 행간: line-height 가로로 정렬할 경우 text-align을 사용합니다. 유효한 값으로는 left, right, center, justify(양쪽 정렬)가 있습니다. 세로로 정렬할 경우에는 문제가 조금 복잡합니다. vertical-align 속성을 쉽게 떠올릴 수 있지만, 이 속성은 부모 요소의 display 속성이 반드시 table-cell이어야 합니다. 세로 정렬이란, 정렬하고자 하는 글자를 둘러싸고 있는 박스의 높이가, 글자 높이보다 큰 경우에만 적용할 수 있는데, 박스를 먼저 학습한 다음에 이해하는 게 좋습니다. 이후 학습할 박스 모델 및 레이아웃에서 이 문제를 조금 더 자세히 다룹..

- 반복문

2022.08.25· 코딩 메모

let n = 2 // 숫자n는 2부터시작한다 n

- 시맨틱 요소

2022.08.25· 코딩 메모

: 독립적이고 자체 포함된 콘텐츠를 지정합니다. : 본문의 주요 부분을 표시하고 남은 부분을 설명하는 요소입니다. 특별한 일이 아니면 사이드바나 광고창 등 중요하지 않은 부분에 사용됩니다. : 일반적으로 페이지나 해당 파트의 가장 아랫부분에 위치하며, 사이트의 라이선스, 주소, 연락처 등을 넣을 때 사용합니다. : 일반적으로 페이지나 해당 섹션의 가장 윗부분에 위치하며, 사이트의 제목이 보통 들어갑니다. 선택적으로 상단바나 검색창 등이 안에 들어갈 수 있습니다. : 내비게이션(navigation)의 약자로, 일반적으로 상단바 등 사이트를 안내하는 요소에 사용됩니다. 보통은 안에 을 넣어 목록 형태로 사용합니다. : 문서의 주된 콘텐츠를 표시합니다. 다른 HTML 요소와 마찬가지로, 시맨틱 요소와 의미를 ..

- 여러 링크

2022.08.25· 코딩 메모

버튼 Buttons · Bootstrap v5.0 여기서 css 이쁜거 가져다가 쓰기 Buttons Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. getbootstrap.com Browse Fonts - Google Fonts Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 타이틀 밑에다가 넣어줌 (링크/ 임포트 있는 부분) CSS rules to specify families 밑에도 복사 fo..

- HTML / CSS 메모

2022.08.25· 코딩 메모

HTML은 구조를 표현하기 위한 언어 ul -> ol 로 바꾸면 앞에가 숫자로 바뀜 password에는 자동으로 가려진 글씨가 나옴 input type="checkbox" : 다중선택가능 input type=''radio" : 그룹설정가능(name으로 그룹화 해주어야 함), 하나만 선택 text area : 줄바꿈이 가능 /text area button : 버튼 id : 고유한 이름을 붙일 때 class : 반복되는 영역을 유형별로 분류할 때 셀렉터 사용 반복되는 항목은 class로 지정한다. 같은 class로 지정함으로서 동일한 유형임을 알 수 있다. ul#comment : 읽기 영역 자체는 고유하므로 id 로 지정한다 -> 만약 id(#)로 지정하게 된다면? id를 전체를 통틀어서 유일하게 설정. 중..

티스토리툴바