전체 글
반복 메서드 정리
- for ... of 특징 : key 값은 요소가 된다. for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성합니다. let iterable = new Map([["a", 1], ["b", 2], ["c", 3]]); for (let entry of iterable) { console.log(entry); } // [a, 1] // [b, 2] // [c, 3] for (let [key, value] of iterable) { console.log(value); } // 1 // 2 // 3 https://..
react-redux 실습
// pakage.json { "name": "reduxtest", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "build": "webpack" }, "babel": { "presets": [ "@babel/preset-env", "@babel/preset-react" ] }, "author": "", "license": "ISC", "dependencies": {}, "devDependencies": { "@babel/cli": "^7.10.5", "@babel/core": "^7.10.5", "@babel/preset-env": "^7.10.4", "@babel/preset-react": "^7.10.4", "bab..
router 실습
// pakage.json { "name": "test", "version": "1.0.0", "description": "", "main": "index.js", "babel": { "presets": [ "@babel/preset-env", "@babel/preset-react" ] }, "dependencies": {}, "devDependencies": { "@babel/cli": "^7.10.4", "@babel/core": "^7.10.4", "@babel/preset-env": "^7.10.4", "@babel/preset-react": "^7.10.4", "babel-loader": "^8.1.0", "react": "^16.13.1", "react-dom": "^16.13.1", "rea..
나중에 보려고 스크랩 해둔 CORS 문제
stackoverflow.com/questions/55693992/react-import-leads-to-failed-to-resolve-module-specifier-react React import leads to Failed to resolve module specifier "react" Call me stupid (and I will not take it personally), but I have not used REACT for over 3 years, and my brain cells must have died. I am getting the error: localhost/:1 Uncaught TypeError: Failed to stackoverflow.com www.youtube.com/w..
babel, webpack
- .jsx 파일을 .js 파일로 바꿔줌 (트랜스 파일) - babel-cli, babel-preset-react 패키지 설치 필요 - babel-cli babel을 실행 시킬 수 있게 해줌 - babel-preset-react react 트랜스 파일링에 사용되는 플러그인(패키지 번들) 참고: babel-preset-env는 무엇이고 왜 필요한가? https://velog.io/@pop8682/%EB%B2%88%EC%97%AD-%EC%99%9C-babel-preset%EC%9D%B4-%ED%95%84%EC%9A%94%ED%95%98%EA%B3%A0-%EC%99%9C-%ED%95%84%EC%9A%94%ED%95%9C%EA%B0%80-yhk03drm7q - pakage.json { "name": "test"..
2020 컴투스 SUMMER 인턴십 GENIUS 2기 채용 (서버 프로그래밍 부문) 후기
https://com2us.recruiter.co.kr/app/jobnotice/view?systemKindCode=MRS2&jobnoticeSn=28112 https://com2us.recruiter.co.kr/app/jobnotice/view?systemKindCode=MRS2&jobnoticeSn=28112 com2us.recruiter.co.kr 여름 방학 때에 어딘가에서 인턴 경험을 해보고 싶었는데 동기의 소개로 알게 된 컴투스 인턴십. 그런데 내 조건에 맞는 지원가능한 분야가 서버 프로그래밍 부문밖에 없었다. 왜냐하면 나는 프론트 엔드 개발을 준비하고 있고 주 언어도 자바 스크립트였는데, 채용 부문에서 해당되는 부분이 하나도 없었기 때문이다. 그나마 자바를 사용할 줄 알고, 문도 피구에서 서버..
문도 피구 수정해야 할 것들
포트폴리오로 사용하기 위해서 이것저것 만드는 것 보다 하나의 서비스를 1년 정도 꾸준히 운영해보는 것이 더 좋다고 한다. 그래서 프로그래머스 인턴 시험에 제출하기 위해 개발했던 문도 피구 게임을 계속 가꿔보려고 한다. 코딩 테스트를 공부할 시간이 부족해서 일단 제출했었지만 사실 게임에 고쳐야 할 부분들이 꽤나 있다. (코딩테스트가 떨어져서 문도 피구는 빛날 기회조차 없었다는 것은 안비밀) 1. 사용자가 브라우저 창을 종료하면 데이터 베이스에서 userId를 삭제해야하는데, 크롬 브라우저에서는 수행이 되지만 다른 브라우저에서는 수행이 되지 않는다. 그래서 users 테이블을 보면 제거되지 않은 유저들 데이터가 쌓여있어서 수동으로 제거해줘야한다. 아직 자세히 조사해보지는 않았는데 beforeunload 이벤..
2020 summer coding 여름방학 스타트업 후기
나름 열심히 살았다고 생각하는데 내가 온 길을 돌아보니 막상 아무 것도 없었다. 남들이 어디서 무엇인가를 이뤄냈다는 소식을 들으면 "보여주지 않았을 뿐이지 내가 쟤들보다 나아" 하는 생각이 먼저 들었다. 지금 생각해보면 불안한 마음을 숨기기 위한 자기방어였던 것 같다. 25살, 4학년 1학기 끝나가는 중, 남은 시간은 여름방학, 2학기, 겨울방학 뿐이었고 내가 그 이후에 취업을 할 수 있을까? 하는 불안한 생각이 들었다. 그러던 중 친구를 통해 프로그래머스에서 여름방학 스타트업 인턴 프로그램 참여자를 모집한다는 말을 들었다. 여기 참여해서 인턴 기록을 남긴다면 나중에 취업할 때 도움이 되는 것이 분명했다. 그리고 열심히 한다면 채용으로 이어지기까지 한다는데! 꽃길이 펼쳐질 미래를 생각하며 준비하기 시작했..