분류 전체보기 143

[React] MacOS onKeyDown 이벤트 시 한글 깨짐 문제 해결방법

💢 맥에서 한글로 text input 입력 후 이벤트를 trigger했을 때 단어가 제대로 인식이 안 되고 깨지는 문제 ▪에러내용 : 세 명의 팀원 중 두 명은 윈도우 환경에서 개발 중이고, 한 명은 맥북을 쓰고 있다. input란에 키워드를 입력하고 enter키를 누르면 키워드태그가 생성되는 기능을 구현했는데 이상한 문제가 발생했다. 윈도우를 쓰는 사람들 기준에서는 아무 문제 없이 태그가 정상적으로 등록됐는데, 똑같은 코드인데도 불구하고 이상하게 맥북에서는 기능이 정상적으로 수행이 안 되는 것이다. 예를 들어 사과, 토마토, 복숭아를 입력한다고 치면 윈도우에서는 위의 gif처럼 키워드 태그 3개가 각각 예쁘게 잘 생성됐는데, 맥북에서는 '사과', '과', '토마토', '토', '복숭아', '아' 이렇게..

Devlog/Web 2021.08.04

[React] 이미지파일 import 실패 에러 해결방법

💢 이미지파일 import 실패 ▪에러내용 : png react Module parse failed: Unexpected character (1:0) ▪원인 : 이미지파일 loader 부재 ▪해결방법: 1. install file-loader $ npm install file-loader --save-dev 2. add loader to webpack.config.js module.exports = { module: { rules: [ { test: /\.(png|jpe?g|gif)$/i, use: [ { loader: 'file-loader', }, ], }, ], }, }; 1, 2를 차례대로 수행한 후에 이미지파일을 다시 import 해보면 문제없이 잘 컴파일된다. 참고자료 https://v4.we..

Devlog/Web 2021.08.04

[React] 프로젝트 초기 설정 / 협업 규칙

React 설치, 초기 세팅 1. Visual Studio Code, Node.js 설치 2. 적당한 위치에 작업 폴더 생성 3. VSCode에서 open folder로 작업폴더 열기 4. VSCode 터미널 열기 (Ctrl + Shift + `) 5. 터미널에 "npx create-react-app 프로젝트명" 입력 (ex. npx create-react-app myproject) cf) npx create-react-app . 을 입력하면 프로젝트 파일 생성 없이 진행 가능 (개발할 때 매우 편리함) → 프로젝트 파일을 확인해보면 react 개발에 필요한 모든 파일들이 설치된걸 확인할 수 있음 6. src 파일 내에서 코드 작성 7. 코드 작성한걸 미리보기로 띄우려면 터미널 열고 npm start 입..

Devlog/Web 2021.07.18

[21.06.29] 지난 1년에 대한 회고, 앞으로의 다짐

취업이 너무 막막하다. 정말 목구멍까지 막막함이 차올라서 미칠 것 같다. 자소서를 좀 쓰다 보니까 더 막막해진다. 나 자신이 너무나도 초라하게 느껴진다. 살면서 이렇게 자존감이 낮았던 적도 없었던 것 같은데. 끊임없는 자아성찰이 이루어졌다. 내가 정말 뭔가를 열심히, 죽어라고 열심히 해본 적이 있나? 안 되는걸 끝까지 물고 늘어졌던 적이 있었나? 안 된다고 포기해 버리는 걸 당연히 여기진 않았나? 재미없다는 핑계로 안 해버리는 게 버릇이 되진 않았나? 자소서도 마찬가지. 나 자신을 부정하면서 자소서 작성하기를 자꾸 외면해 버린다. 이러면 어떻게 앞으로 나아가냐. 다들 '자소설'이라고 하면서 꾸역꾸역 쓰잖아? 남들 하는 거 나라고 왜 못하냐. 왜 자꾸 도피하려고 하는 거지? 복학하면서 열심히 하겠다는 다짐..

Lifelog 2021.06.30

[Android] Emulator 문제 해결방법

- layout을 변경했는데 emulator(혹은 physical device)에 적용이 안 될 때 Build → Clean Project 후 Rebuild Project - 핸드폰(physical device)에 직접 돌려보려고 하는데 에러가 뜨면서 빌드가 안 될 때 Unable to determine application id: com.android.tools.idea.run.ApkProvisionException: Error loading build artifacts from: C:\Users\...\AndroidStudioProjects\Makneya_Backup\app\build\outputs\apk\debug\output-metadata.json INSTALL_FAILED_NO_MATCHING..

Devlog/Android 2021.06.29

자주 쓰이는데 맨날 뜻을 까먹는 단어들

scrutiny - 정밀 조사, 철저한 검토 (=inspection) Facebook's proposed Libra coin faced congressional scrutiny last year when members raised questions about Facebook's trustworthiness ... immense - 엄청난 The computing power required to operate the underlying blockchain system of NFTs is immense. abundant - 풍부한 (=plentiful) "And we often have the feeling that electricity is abundant, limitless and we disregard..

Studies/English 2021.06.15
반응형