Maenya's Techlog

밍이 ・ 2020. 1. 18. 3:13 URL 복사 통계 밍이는 그래도 리액트 실무자로서, 인터넷에 널려있는 흔한 todo list 라던가 스케줄러같은 이미 나와있는 소스코드를 사용하지 않고!!! 순수 내가 짠 코드로 만들어 보려한다 그리고 너무 간단하지도 않게~ 어노테이션도 써가면서 뭐랄까 클래스끼리 상속도 해줘가면서 스토어 에서 변수도 가져와 보면서~inject도 해줘보면서~ 배열도 사용하고 map, josn이나 다양한 형식의 객체들을 넣어보면서!!! 지금 포부는 엄청난데 다 이룰 수 있을지 모르겠다 아무튼 내 목표는 내가 회사에서 쓰는 만큼의 문법과 기능들을 최~대한 이 포트폴리오에 담아보는 것이댜 다른 포트폴리오들과의 차별점은 회사에서 MobX를 사용했기 때문에 프로젝트 구조도 다를 것이고 기본..

밍이는 회사 보안이 너무 심해서 코드 한줄도 가져올 수 없다는 것이 너무 아쉬웠다 이제 이직하려면 포트폴리오가 있어야하는데 내가 회사에서 열심히 만든것들을 작품으로 보일 수가 없어서 안타깝다 그래서! 오늘부터 회사에서 만든 페이지의 기억을 더듬더듬어서 나혼자 포트폴리오를 만들어보려고 한다 퍼블리셔들도 없고 설계팀 지원도 없지만 나혼자 퍼블리싱, 기획을 다해서 데이터 베이스의 내용을 조회하고 화면에서 인풋한 값을 넘기는 정도의 화면을 구현해 보려고 한다 ​ 1. 리액트로 앱생성하기 2. 보기 좋게 약간의 디자인을 가미하기 3. 쓸만한 데이터 베이스를 구하기 4. 값 넘길때 스크립트 처리하기 ​ 리액트앱 생성해보고 나니 퍼블리싱이 필요 없을 정도?까지는 아니지만 아무튼 어느정도 node_module들이 잘되..

리액트할 때 꼭 필요한거같다. vscode 유용했던 사용법은 1) 여러 줄있을때 한 구절을 드래그 ctrl+D 하면 같은 구절있는 거 쫘라락 선택된다. 여러 줄을 핸들링할 때 좋았다. ​ 2) camelCase : 데이터베이스용으로 쓰는 PLATE_MTL_NO 같은거를 코딩할때 변수로 쓸 수 있게 낙타모양으로 plateMtlNo 이런 식으로 변경해줌. ctrl+shift+P 하면 다양한 기능 사용가능한데 여기서 camelCase 선택. - 다시 되돌릴라면 snackCase활용. ​ 3) 그리고 프로젝트들 위에 네모 두개 누르면 파일 다 접힘.

오늘은 스크립트를 빡세게 했다. 우리 체인의 보수 화면을 했는데 사실 업무는 별로 이해되지 않는다. 연마결함? 깊이? 최대 면적율? 이게 다 공장에서 쓰는 거라 잘은 모르겠다. 근데 나는 뭐 그냥 화면만 잘 돌아가게 하면 되니까 ​ 이 화면의 특정 기능은 원래는 '판정'버튼이었다가, 유저가 어떤 액션을 취했을때 '확정'버튼으로 바뀌는 부분이다. 내가 고안해 낸 방법은!(사실 선배가 도움을 좀 줬다.) store 에다가 @observable handle = 'A' (옵저블변수 초기화)이런식으로 해놓고 유저가 액션을 취하면 handle값을 변경시켜서 뷰 자체를 바꾼다. View 를 두개를 생성해놓고 store의 handle 값을 valueSetter해주면 view가 자동으로 바뀌는거다. 판정뷰 확정뷰 생성 ..