학습 기록 77

useState

/React, Typescript 이것은... 직전 강의를 대충 + 너무 오래전에 듣고 다음 강의를 듣는 나의 탓. useState를 어떻게 시용했던 것인지 기억이 나질 않아서 공부 후 적어본다. 📌 useState가 대체 뭔데useState는 컴포넌트 안에서 변할 수 있는 값을 관리한다...라고 쓰면 나도 무슨 말인지 모르겠으니 예시 코드를 보자.const [state, setState] = useState(initialValue); - initialValue는 상태의 초기값이다. 즉, default value라고 할 수 있고 처음 이 함수가 시작될 때 가질 값을 설정할 수 있다.- state는 현재 상태의 값이라고 보면 된다.- setState는 상태를 업데이트하는 함수이다. 이 함수가 호출되면 리..

학습 기록/FE 2024.11.27

props, import, export

/Javascript, React 리액트 공부를 하다가 분명 저번 강의에서도 내가 활용하고, 적은 코드인데 기억이 안 나는 부분이 있어서 정리해보려고 함. 📌 Props가 대체 뭔데 Props는 Properties의 줄임..이라고 볼 수 있겠다. 리액트에서 컴포넌트에 정보를 전달할 때 사용하는 일종의 매개변수라고 보면 된다. 컴포넌트끼리의 정보 전달에도 유용하다. 부모 컴포넌트에서 자식 컴포넌트로 속성 형태로 전달된다. 예를 들어 보면,function Parent() { return ;}function Child(props) { return ( 안녕하세요, 제 이름은 {props.name}이고, 나이는 {props.age}살이에요! );} 위와 같은 코드에서 Parent는 ..

학습 기록/FE 2024.11.26

Cannot read properties of null (reading 'useContext') 오류 해결하기

/React 오늘도 어김없이 오류를 마주한 로미뭔데 이게 개발하는 사람의 필수 소양인 구글링으로 해결해 보았다. 📌 React와 렌더러(React-dom)의 버전이 일치하지 않는 경우위의 경우는 package.json 파일의 의 dependencies 파트에서 확인 가능하다. 문제없음. 통과.  📌 렌더러(React-dom)의 버전이 너무 낮은 경우React-dom의 버전이 16.8.0 이하인 경우에는 Hooks를 지원하지 않아 해당 오류가 발생할 수 있다. 본인의 렌더러 버전을 확인한 후 업데이트해주자. 다만 위의 사진에서 볼 수 있듯 내가 설치한 react-dom은 18.3.1 버전이라... 이것도 해당사항 없음. 통과  📌 React-native마지막으로 해본 방법은 React-native가 ..

학습 기록/FE 2024.11.25

24년 11월 4주차 학습계획표

/planning 사실 너무 피곤해서 코드가 눈에 안 들어오는 바람에 쓰는 거긴 한데... 워낙 나는 계획충(충실할 충^^..)이라서 아날로그로 쓰던 거 블로그에도 한 번 남겨본다. 사실 학습계획표라고 할 것도 없고.. 강의 처음 들어가는 게 있어서 그 부분 놓치지 않고 수강해 보는 것이 목표. 추가적으로 시간이 허락한다면 Swift도 마저 조금씩 들으려고 한다.📌 25일 (월)- React #2.0 ~ #2.7- 퀴즈 응시- Assignment 제출 📌 26일 (화)- React #3.0 ~ #3.7- 퀴즈 응시- Assignment 제출 📌 27일 (수)- React #5.0 ~ #5.8- 내용 정리 📌 28일 (목)- React #5.9 ~ #5.16- 내용 정리- 코드 챌린지 시작 📌 2..

학습 기록 2024.11.24

external/internal argument, @discardableResult

/Swift 📌 external/internal argument함수 내에서 argument를 지칭할 때 쓰는 이름과 외부에서 사용하는 이름을 각기 다르게 지정해 줄 수 있다.func greet(to name: String) { print("안녕, \(name)!")} 위의 예시에서 to는 external argument, name은 internal argument라고 할 수 있다. 때문에 name을 함수 내부에서 사용하고 있다. greet(to: "유치원생")// 결과: "안녕, 유치원생!" 함수를 호출할 때는 to를 사용한다. 하지만 함수가 실행되는 내부에서는 name으로 데이터를 불러와 사용하고 있다. external argument 없이 함수를 사용하는 경우도 있다. 그럴땐 _ (언더스코어)..

학습 기록/swift 2024.11.23

function

/Swift import Foundationfunc noArgumentsAndNoReturnValue() { "I don't know what I'm doing" }noArgumentsAndNoReturnValue() 함수의 작명은 camelCase 작명법을 따른다. 또한, playgrounds에서는 위의 예시 코드처럼만 string을 작성해도 함수를 실행하면 해당 내용이 보이지만 실제 xcode swift에서는 print를 활용해야 한다. func plusTwo(value: Int) { let newValue = value + 2}plusTwo(value: 30) //32 위의 함수 예시는 int를 argument로 받는 함수이다. func newPlusTwo(value: Int) -> Int { ..

학습 기록/swift 2024.11.22

if and else

/Swift 기본적인 if/else문에 대해서 알아보자. import Foundationlet myName = "Romi"let myAge = 20let yourName = "Olivia"let yourAge = 19if myName == "romi" { "Your name is \(myName)"} else { "Oops, I guessed it wrong."} myName이라는 변수와 romi를 비교했을 때, 동일하면(true) 중괄호 안의 문장을 출력한다. 이때 \(변수명)으로 변수를 받아와 출력할 수 있다. 조건을 만족하지 않는다면 else로 넘어간다. if myName == "Romi" { "Your name is \(myName)"} if else myName == "Olivia" { "Are..

학습 기록/swift 2024.11.21

Operators

/Swift 오늘은 여러 가지 Operators(연산자)에 대해 공부해 보자. import Foundationlet myAge = 22let yourAge = 20if myAge > yourAge { "I'm older than you."} else if myAge  부등호(), 연산기호(+, -, /, *)등이 operator이다. 위에서 언급한 예시 코드에 등장하는 연산자의 경우, 두 개의 value가 있어야 작동할 수 있는 binary infix operator라고 할 수 있다. Swift에는 세 가지 각기 다른 타입의 operator가 있다. unary prefix, unary postfix, binary infix가 바로 그것인데, unary의 경우 works with only one value..

학습 기록/swift 2024.11.20

NSArray, NSMutableArray

/Swift  Hello World + Variables/C 국룰 Hello, World를 Xcode를 통해 출력해 보았다. Variables를 선언하는 방법에는 크게 두 가지가 있다. var를 사용하기, let을 사용하기. let은 재할당이 불가한 반면 var는 가능하다. 위의 예시에서는romiwaves.tistory.com  어제 진행했던 실습에서 NSArray, NSMutableArray가 포함된 코드를 작성하였다.let someNames = NSMutableArray( array: [ "Foo", "Bar" ])func changeTheArray(_ array: NSArray) { let copy = array as! NSMutableArray cop..

학습 기록/swift 2024.11.19

Hello World + Variables

/C 국룰 Hello, World를 Xcode를 통해 출력해 보았다. Variables를 선언하는 방법에는 크게 두 가지가 있다. var를 사용하기, let을 사용하기. let은 재할당이 불가한 반면 var는 가능하다. 위의 예시에서는 let으로 선언한 변수 myName에 새로운 값을 할당하자 콘솔창이 에러를 띄우는 것을 볼 수 있다. 반면 var로 할당한 배열인 Names에는 append를 통해 요소를 추가하더라도 에러가 나지 않는다. let으로 할당한 변수를 var로 할당한 변수에 넣어주면, simply copying 하는 것이지 Reference로 가져오는 것이 아니다. 그렇게 할당한 var 변수 foo2에 변화를 주더라도 let변수인 foo는 변화하지 않는다. moreNames라는 배열을 let을..

학습 기록/swift 2024.11.18