공부한 내용을 기록 및 정리를 위한 글로 더 정확하고 많은 정보를 원하시면 맨 아래 링크를 참고해주세요. 1. 컴포넌트가 로딩되기 시작하는 Mount(생성)constructorclass ClassComponent extends Component { state = { value: 0 }; constructor(props) { console.log("[class] constructor"); super(props); this.state = { value: 0 }; }constructor는 클래스 생성자로 state의 초기 상태를 지정해줍니다.위 형태와 같이 super(props)를 해주어야 합니다.super(props)를 호출하지 않으면 this를 사용할 수 없고, this.state나 ..

state가 변할 때마다 리렌더링 된다는 사실 useState : 상태 값과 그 값을 갱신하는 함수를 반환const [value, setValue] = useState(0);인자 : 초기 상태 값반환 : [상태 변수, 상태에 대한 setter]동작 방식 : setValue는 모든 함수가 완료된 이후에 마지막에 몰아서 상태 변환 useEffect : 컴포넌트가 렌더링 될 때, 특정 작업을 실행추가 설명 : 컴포넌트가 화면에 처음 나타나고, 사라지게 될 때를 제어할 수 있다. useEffect(()=> {(수행되는 작업)}, [의존되는 값들])외존되는 값의 배열이 비어있으면, 컴포넌트가 처음 생성 될 때만 실행된다.컴포넌트가 화면에서 사라질 때는 return 해서 코드를 작성해주면 된다. function C..

저번에 jsx에 대해서 공부해보았는데요.이번에는 컴포넌트,props, state, 클래스형 컴포넌트 vs 함수형 컴포넌트를 공부하였습니다.공부한 내용을 기록하기 위해 올리는 것이기에 많은 내용들이 섞여있을 수 있습니다. 컴포넌트스스로 상태를 관리하는 캡슐화된 코드 조각import "./App.css";import Hello from "./components/Hello";import World from "./components/World";function App() { return ( );}export default App;이 코드는 root 컴포넌트를 모아두는 App에 Hello나 World를 각 컴포넌트로 만들어서 태그의 형태로 넣어주었습니다. 컴포넌트의 룰컴포넌..

React Native로 앱을 만들고 싶어서 공부하려고 합니다.앱을 만들려면 개발 환경 세팅이 기본입니다.개발 환경을 두 가지 정도로 나눠서 세팅할 수 있습니다.Expo와 React Native CLI로 세팅할 수 있습니다.각 개발 환경마다 장단점이 있는 Expo가 간단하고 편리한 대신 복잡하고 섬세하게 제어를 못한다는 단점을 가지고 React Native CLI는 사용자가 직접 구성해야 한다는 어려움이 있었습니다.일단은 기본적인 앱을 만들면서 공부할 것이기에 Expo 개발 환경을 조성하려고 합니다. 그러나 Expo 개발 환경 세팅부터 문제가 발생했습니다.바로 Expo 안드로이드 Amulator를 연동하려고 하면 에러가 떴습니다바로 두 가지 문제점을 고치니 해결되었습니다.안되시는 분들은 참고 해주시길 바..

백준 1377번은 문제 이해부터 어려웠다(개인적인 의견). 직접적으로 어떤 코드를 작성해야하는지 감을 잡기 어려웠다. 이러한 문제들을 접하다 보니 코테의 높은 장벽에 그만둔 전적이 2번정도 있다. 결국은 책과 구글링의 힘을 빌려 문제 이해까지는 도움을 받기로 합의를 봤다. 문제 이해 버블 정렬이 된 C++ 코드가 있다. 이때 버블 정렬된 코드가 출력하는 값과 같은 값을 출력하는 코드를 작성해야 한다. 그러기 위해서는 C++ 코드가 출력하는 값이 무엇인지 파악해야 했다. 입력 입력은 수의 개수인 N과 버블 정렬시킬 N개의 각 수들을 한 줄씩 입력한다. 출력 출력 값의 의미가 무엇인지가 중요했다. 출력 값은 완전히 버블 정렬 시 몇 번째에서 완전히 버블 정렬되는 지이다. 해결책 C++코드대로 코드를 돌려도 ..

-BOM은 제품을 제조하는데 필요한 원자재 목록이다. 제품을 정확하게 제조하기 위한 청사진이다. -BOM은 계층을 통해서 조립 관계도를 표현한다. -구성요소에는 자체 BOM이 있어 다중 레벨 BOM을 생성할 수 있다. -BOM의 이용 : 자재 계획, 생산, 조달, 생산 원가 BOM 레벨 구조 0Lv -> 자전거(완제품) 1Lv -> 핸들, 프레임, 안장, 바퀴... 2Lv -> 타이어, 림, 스포크, 허브.. Single Level 0Lv-1Lv , 1Lv-2Lv과 같이 1Lv을 포함하는 구조를 가지는 BOM을 Single level이라고 한다. Single BOM의 경우 BOM상 하위 부품을 확인할 필요가 없는 경우 활용 Multi Level BOM 0Lv-1Lv- 2Lv 같이 각 부품들의 상하위 관계..