JudithHopps JudithHopps

API #1 개념 API (API, Application Programming Interface)는 둘 이상의 컴퓨터 프로그램이 서로 통신하는 방법이자 컴퓨터 사이에 있는 중계 계층을 의미합니다 예를 들어 A라는 컴퓨터가 요청을 하고 B라는 컴퓨터가 응답을 한다고 했을 때의 어떻게 통신할 것인지, 어떠한 데이터를 주고 받을 건지 등에 대한 방법(HTTP, HTTPS 프로토콜을 사용할 것인지, GET, POST 등의 방식 등..)이 정의된 중계계층을 말합니다. 참고로 API는 과거부터 발전되어온 용어로 라이브러리 및 프레임워크를 설명하는 명세서, 웹상에서 WEB API, Web Socket API 등을 가리키는데 현재를 기준으로 API라고 할 때 보통 WEB API를 기준으로 설명합니다 인터페이스 인터페이..

JSON JSON(JavaScript Object Notation)은 Javascript 객체 문법 으로 구조화된 데이터교환형식, python, javascript, java 등 여러 언어에서 데이터 교환형식으로 쓰이며 객체문법말고도 단순 배열, 문자열도 표현 가능합니다. 특징(4) 1.Javascript 객체문법 - 키(key)과 값(value)으로 구성됩니다. 2.데이터 + 교환형식 3.여러언어에서의 쓰임 객체, 해시테이블, 딕셔너리 등으로 변환되어 쓰임 4. 단순 배열, 문자열 표현 JSON의 타입(6) javascript object와 유사합니다만 undefined, 메서드 등을 포함할 수 없습니다. - 수(Number) - 문자열(String) - 참/거짓(Boolean) - 배열(Array) ..

아쉬운 점 1. 아팠다. 휴먼 스케이프 코딩 테스트 합격 및 과제 전형 안내 메일을 받은 건 11월 21일 (화) 오후 4:04시, 하지만, 11월 24일 화요일부터 금요일까지 일정이 풀로 차있었다. 주말과 월화 4일이면 충분하다고 생각했다... But.... 주말 내내 고열과 기침으로 시달렸다... 월요일에 조금 나아진 듯 했지만 독감의 여운이 남았고, 마감기간인 화요일까지 기운이 좋지 않았다... 2. 리액트 네이티브 세팅이 오래 걸렸다. 주말에 리액트 네이티브 설치라도 끝냈으면 좋았을 터지만... 월요일 2시쯤 세팅을 마칠 수 있었다. 3. delete 작동시 데이터 업데이트가 되지 않는 문제 해결법이 뒤늦게 생각났다. 마감 기간 1시간 후에야 원인과 해결법을 찾을 수 있었다.... 너무나 아쉽다...

문제점 delete 작동시 데이터 업데이트가 되지 않는 문제가 발생했다. 현재 계획한 기능은 다음과 같다. Minus 버튼을 클릭할 시 updatedSelectData가 변경된다. Done 버튼을 클릭하면 updateSelectedData가 ChecklistData에 반영된다. But... 아래처럼.. updatedSelectedData가 ChecklistData에 반영이 제대로 되지 않는다.. Why... 이런일이.....🤣 투장부릴 시간 없다. 천천히 코드를 살펴보자. 원인 isEditing의 상태 변화로 인해 updatedData가 변경되고 있다. const handleDelete = () => { if (updatedSelectedData) { const updatedData = [ ...chec..

맥북을 새로 사고 리액트 네이티브 설치과정에서 겪은 문제점을 정리했다. https://reactnative.dev/docs/performance https://7stocks.tistory.com/173 Performance Overview · React Native A compelling reason for using React Native instead of WebView-based tools is to achieve 60 frames per second and a native look and feel to your apps. Where possible, we would like for React Native to do the right thing and help you to focus on your ..

체크 리스트의 상태 관리는 다음과 같다. App.tsx 아래의 state를 관리한다. const [selectedWeek, setSelectedWeek] = useState(15); const [addlist, setAddlist] = useState(''); const [isVisibleAddBtn, setIsVisibleAddBtn] = useState(true); const [isVisibleInput, setIsVisibleInput] = useState(false); const [isVisibleEditBtn, setIsVisibleEditBtn] = useState(false); const [isEditing, setIsEditing] = useState(false); ChecklistTitl..

체크리스트 프로젝트의 모듈화는 다음과 같다. 프로젝트를 시작하기 전 컴포넌트를 어떻게 구상할 것인지 먼저 생각하는 것이 좋다. 즉 뼈대를 잡고 프로젝트를 시작해야 한다. 허접하지만 이미지로 그리면 코드 짤 때 도움이 된다. 프로젝트 진행하면서 수정할 수도 있지만, 틀을 짜고 시작하는 것과 그냥 시작 하는 것은 큰 차이가 있다!! 이것도 회사 다니기 전엔 몰랐던 사실... 역시 주니어..

**React에 관한 질문과 답안:** 1. **React의 주요 특징은 무엇이며, 어떻게 동작하는지 설명해보세요.** - React는 사용자 인터페이스를 구축하는 라이브러리로, 가상 DOM을 사용하여 성능을 최적화합니다. React 컴포넌트는 상태(state)와 속성(props)을 통해 데이터를 관리하며, 컴포넌트 계층 구조를 구성하여 UI를 효과적으로 업데이트합니다. 2. **React Hooks은 무엇이며 어떤 상황에서 사용하나요?** - React Hooks는 함수 컴포넌트에서 상태와 생명주기 기능을 사용할 수 있게 해줍니다. 예를 들어, `useState`는 상태를 관리하고, `useEffect`는 부수 효과를 다루며, 이를 통해 클래스 컴포넌트 대신 함수 컴포넌트를 사용할 수 있습니다. 3. ..