개발잘하고싶다

TDD - describe 분리하는 기준? (sy) 기능 별로 2개이상일 경우 분리 (ex) pop / 예외처리, 기능 구현) (sw) 처음에는 기능별로 묶었으나, 통일성을 위해 모두 descirbe로 묶으면 좋을 것 같다. - 예외처리 누락 되는 경우? (sy) 처음부터 완벽하게 할 수 없을 것 같다. 생각나는 부분, 필요한 부분 부터 하다가 추가하는 게 좋아보인다. - length vs size() (sy, sw) 처음에 length로 함 (sb) 이전 강의에서 내부에서 대부분 함수를 가져다 써저 함수를 만들어서 사용함 - class vs 함수형 vs 배열 (sy) class 형 사용 (sb) 함수형으로 시도했으나 안되어서 class형으로 사용 (sw) 배열 형태로 사용 Mock vs Stub sy)..

const o1 = { a: 1 }; const o2 = { b: 2 }; const o3 = { c: 3 }; const obj = Object.assign(o1, o2, o3); console.log(obj); // { a: 1, b: 2, c: 3 } console.log(o1); // { a: 1, b: 2, c: 3 }, 목표 객체 자체 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ const o1 = { a: 1, b: 1, c: 1 }; const o2 = { b: 2, c: 2 }; const o3 = { c: 3 }; const obj = Object.assign({}, o1, o2, o3); console.log(obj); // { a: 1, b: 2, c: 3 } 출..

ios/Podfile.lock 제거 pod install 정상 작동! Podfile.lock 제거 ->arch -x86-64 pod install —repo-update arch -x86_64 pod install --repo-update

부모에서 headerHeight값을 받아와 padding값에 넣어주었는데 ex) paddingTop: headerHeight, long press시 list가 다른 곳으로 순간이동하는 현상이 발생했다. 오랫시간 방황했지만 원인은 headerHeight값이 들어가기전에 (초기값 0), DraggableFlatList가 렌더링되어 long Press 할때 headerHeight가 0인값인 곳으로 이동되는 문제였다. 해결책1. headerHeight이 초기값이 아닐때 (headerHieght !== 0) 해당 컴퍼넌트 렌더링 -> 문제점 0이 아닐때까지 기다려서 렌더링 속도차이가 남 해결책2. headerHeight 값이 들어왔다는 boolean 변수를 만들어 들어왔을때, 안들어왔을때의 paddingTop 값..

TouchableHighlight : 터치가 되었을 때 색을 어둡게 하거나 underlayColor prop를 활용하여 특정 색을 활성화 시킵니다. TouchableOpacity : 사용자가 터치 했을 때 버튼을 불투명하게 합니다.

navagation.navigate() navagation.push()의 차이점? navigate: 화면 이동만 push: stack에 새로운 route(경로) 추가 이는 구성 요소가 스택에 이미 마운트된 경우 탐색이 스택의 이전 위치로 다시 팝업된다는 점에서 탐색과 다릅니다. 푸시는 항상 위에 추가되므로 구성 요소를 여러 번 장착할 수 있습니다. 예시) Home, Detail 페이지 간의 이동 1. Home Screen에서 Detail Screend으로 이동 2. 작업을 한 후 다음 다시 사용자의 Detail Screen으로 이동 navigation.navigate() 동작만으로 동일한 동작을 수행하면 Detail Screen에서 Home Screen을 클릭하면 Home(이전 화면)로 이동 하지만 n..

// 부모 컴퍼넌트 - Class Component // 자식 컴퍼넌트 state = { isVisible}; componentDidUpdate(prevProps) { const { isVisible } = this.props; if ( prevProps.isVisible !== isVisible ) { console.log('update children!'); this.setState({ isVisible }); } } - Function Component(useEffect) const {isVisible} = props const [visible, setVisible] = useState(); useEffect(() => { if(isVisible !== visible) { console.log('u..

React! 내부 파일에서 이미지를 불러올 때 (외부 경로X) 경로의 기준 JSX 파일의 경우 public 폴더가 기준이 된다 CSS 파일의 경우 src 폴더가 기준이 된다. 그래서 경로를 쓸 때 ./~~~ 하게되면 위의 폴더가 기준이 된다 CRA 버전 4.0 이후부터는 Public 파일에 절대경로도 접근 불가능 하다. 그래서 src={ "./images/Recommend_test.png"} -> 표기 불가 src={process.env.PUBLIC_URL + "/images/Recommend_test.png"} -> 이런식으로 사용 가능 경로 앞에 process.env.PUBLIC_URL 붙여주면 해결된다. 아래의 링크는 내가 이 문제를 해결하는데 도움이 된 링크이다. https://think0wise..

https://github.com/gyoogle/tech-interview-for-developer/blob/master/Computer%20Science/Database/%5BDB%5D%20Index.md GitHub - gyoogle/tech-interview-for-developer: 👶🏻 신입 개발자 전공 지식 & 기술 면접 백과사전 📖 👶🏻 신입 개발자 전공 지식 & 기술 면접 백과사전 📖. Contribute to gyoogle/tech-interview-for-developer development by creating an account on GitHub. github.com