kasumil의 코딩 공작소

기존 node를 배우고 sql에 관계형 데이터 구조를 배우고나서 Express를 오늘 처음 배웠는데, 완전 편하다. if(pathname === '/'){ if(queryData.id === undefined){ fs.readdir('./data', function(error, filelist){ pathname에 path로 맞춰야하는데, express에선 그냥 라우터로 쓰면 진짜 편하다. 왜 대세인지 한방에 이해하였다. app.get('/', (request, response) => { fs.readdir('./data', function(error, filelist){ 귀찮은 if문 안들어가고 그냥 경로만 app.get(path, callback [, callback ...])으로 작성하면 된다. n..

- 오늘 학습한 내용. vue에는 데이터 바인딩이 있는데 v-bind : 단방향. v-model: 양방향. v-if : 자바스크립트에선 그냥 if문 v-else: else v-for: for문 v-on: 함수이름 해당 함수이벤트 핸들러 실행 // 이벤트를 작동시기키위해서 스크립트 태그 안 methods 속성에 해당 함수를 넣어줘야한다. {{ 머시태그 }} // 콧수염을 닮았다하여 머시태그라 칭한다. - 소감 리액트보단 쉽다고 하는데, 어째 그냥 리액트가 더 편하다? 굳이 쓸데없이 v-를 붙여가며 쓰는 게 불-편... 이게 편하다는 이유가 뭘까?

youtu.be/wQ0L7w54RTY youtu.be/zFlTWhzbfnI youtu.be/Yba388ThFXY

- 오늘 학습한 내용. Redux, useContext, Mobx 등은 상태값을 통제하는 외부 라이브러리이다. 이것을 왜 한밤 중에 적느냐 하는 이유는 ... import { createStackNavigatior } from '@react-navigation/stack'; ... const Stack = createStackNavigatior(); const LoginNavigator = () => { return ( ); }; const MovieNaviagtor = () => { return( ); }; export default () => { const { isLoading, userInfo } = useContext(UserContext); ... if (isLoading === false ) ..

- 오늘 학습한 내용. error Failed to install the app. Make sure you have an Android emulator running or a device connected. Run CLI with --verbose flag for more details. Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081 뜬금없이 갑자기 잘되던 RN이 새 프로젝트르 만들고 세팅하는 과정에서 갑자기 모르는 에러가 떴다. 서버가 켜졌으니 그걸 끝내라고 한다. 참고 주소. stackoverflow.com/questions/37500205/react-native-appinstalldebug-fai..

- 오늘 학습한 내용. RN을 만들고 있다. Todolist를 따라 만들고 있는데, 진짜 짜증나는 게 원인을 알수없는 오류... index.tsx를 쳐야할 것을 앞 글자를 대문자 I 즉, Index.tsx로 쳤다고 인식을 못한다... 내가 코드를 잘못쳤나? 하고 책 저자의 깃허브까지 소스를 복붙해도 안되더라.（＞人＜；） 이때 내가 뭘 잘못했구나 싶었다. 또 뭔 문제야? 하면서 짜증내다가 불현듯 제목을 보니 대문자 Index가 보여서 알았다. 파일 제목을 index로 해야만 정상 작동하는건 좀...;;; youtu.be/zFlTWhzbfnI 아무튼 만들어서 정상작동한다. 추가와 정상적으로 지워지기도 하고 2일을 꼬박 걸렸다... - 소감 철자에 유의하자. 대소문자에 주의하자.

- 오늘 학습한 내용. 이전에 언급했던 절대 경로의 문제 해결. 결국 오늘 챕터5에서 해결이 안되길래, 저자한테 직접 문의했다. github.com/dev-yakuza dev-yakuza - Overview [frontend] react, reactnative, typescript [backend] laravel, django, nodejs, rails [infra] docker, kubernetes, gcp [blog] https://dev-yakuza.github.io/ - dev-yakuza github.com 저자의 깃허브. 설정대로 다 하면 작동되어야 하는데, 특이하게도 작동이 안되었다. 왜지? 하다가 문의했는데, 원인으로 추정되는 이유로는 내가 바벨 플러그인을 인스톨하지 않았다는 점과 그리고 ..

- 오늘 학습한 내용. 타입스크립트를 적용하여 리액트 네이티브를 통해서 만들어보았다. 코드의 내용은 간단하다. 그러나, 타입스크립트를 적용하는 것도 해봤지만 내가 직접 짤 수 있는 능력은 늘어나고 있는 것인가? 그리고 작동에러가 너무 많다. 상대경로에서는 작동이 잘되는데, 절대경로에서 왜인지 에러가 너무 잦다. 못 찾아서 일일히 상대로 잡아서 바꾸어주었다. youtu.be/wQ0L7w54RTY - 소감 이건 완전 버그와의 싸움이다. 절대 경로했다고 에러가 뜨는데 node창을 보면서 원인 파악을 해야한다. 그래도 expo보단 편해서 좀 낫다고 생각한다. ++ RN의 절대경로 문제는 5장에서 해결했다.

- 오늘 학습한 내용. VIEW = div Text = 문장들은 꼭 text컴포넌트로 감싸야한다. 리액트는 글자 이렇게 쳐도 되었는데, RN은 감싸야한다. Image = img 태그 Textinput = input태그 ScrollView = 스크롤기능이 리액트는 자동으로 생겼지만, RN은 생기지 않기에 꼭 감싸줘야한다. StyleSheet = 리액트에선 css를 통해 css를 설정했지만, RN은 Stylesheet를 통해서 사용한다. Button = RN에도 Button 태그가 있지만, 커스텀이 까다롭기에 touchableopacity를 사용한다. NavigationContainer = 리액트에서는 ROUTER의 역할이고 RN에서는 NavigationContainer로 사용한다. navigation.na..

위코드를 다니면서 느낀 불편함을 알리기 위해서 적는다. 혹시 노트북을 뭐 사야할지 고민한다면 일말의 주저함이 없이 맥북 프로를 추천한다. 필자는 이전 기수에서 서피스를 쓰고 있길래 필자도 동일하게 서피스프로4를 들고 갔다. 지금 최근의 서피스 프로 시리즈가 7인걸로 아는데, 필자가 등록 당시만해도 6이 주류이고, 7이 갓 출시한 상태였음. 서피스 프로 시리즈의 경우 필자는 추천하지 않는다. 최소 서피스 북급은 되어야 편하다.(성능적으로 8GB는 모자르다.) 맥북이 없고, 백엔드 개발자라면 최소 리눅스는 먼저 설치하고 가자. 맥북이 있고 백엔드라면 그냥 들고가면 된다. 프론트는 맥이면 좋고, 아니어도 상관은 없다. 추천 노트북 사양 최소 램 16GB. 8GB로는 크롬 켜고 코드 작동하는데 빡세다... (개..