C++이 문자열 기준으로 스플릿 해주는 함수가 없어서 스스로 분리해야 되길래 ㅠㅠㅋㅋㅋ 어떻게 분리하는지 찾아보았다. for문 돌려서 스스로 특정 문자열 기준으로 잘라줄거 아니면 strtok함수를 쓰는 것 같다. string을 char배열로 변환해서 strtok으로 분리한 후 다시 string형태로 저장하는데 외우면 편할거 같고 귀찮으면 안쓸거 같기도.. ㅎㅎ javascript으로 split()쓰다가 c++ 내장함수 없어서 당황했네 string str_arr[1000]; string a = "test is good and life is goood"; char str_buff[1000]; strcpy(str_buff, a.c_str()); char *tok = strtok(str_buff, " "); i..
react-redux 템플릿을 보다가 aria-label 속성이 모두 쓰여져 있는 것을 보았다 dispatch(decrement())} > - 가끔 보긴 했는데... 뭐에 쓰지? 하고 찾아보니 요소에 대한 레이블을 정의하기 위해 쓴다고 보면 된다 developer.mozilla.org/ko/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute aria-label 속성 사용 - 접근성 | MDN aria-label 속성은 현재 요소에 레이블을 정의하기 위해서 사용합니다. 텍스트 레이블이 화면에 표시되지 않을 때에 사용하세요. 만약에 요소에 레이블을 정의하는 화면에 보이는 텍스트가 있 developer.mozilla.org " ..
새로 만드는 react 프로젝트를 타입스크립트 기반으로 만들거라면 npx create-react-app my-app --template typescript 를 치면 되고 기존의 javascript 기반 react 프로젝트에 타입스크립트를 적용할 거라면 yarn add typescript @types/node @types/react @types/react-dom @types/jest 이렇게 라이브러리들을 깔아주세요 @types가 앞에 붙으면 타입스크립트가 지원되는 라이브러리 입니다. 아마 새로 프로젝트를 생성하는 경우는 큰 문제가 없는데 저는 기존의 프로젝트에 적용했더니 바로 사용이 안되더라구요 1. 일단 jsconfig.js 파일이 있다면 지워주세요 2. yarn install (혹은 npm instal..
HTTP http는 www에서 통신하는데 사용하는 프로토콜이다 http는 웹서버로부터 이미지,html 페이지, 텍스트파일, mpeg 동영상 등의 대량의 정보를 사용자들의 pc에 설치된 웹브라우저로 옮겨준다 신뢰성 있는 데이터 전송 프로토콜(TCP)를 사용하기 때문에 전송 중 데이터가 손상되지 않음을 보장한다 웹 클라이언트와 서버 웹 서버는 http프로토콜로 통신하기 때문에 http서버라고 불린다 클라이언트는 http요청을 서버에 보내고 서버는 요청된 데이터를 http응답으로 돌려준다 이 둘은 www의 기본 요소이다 리소스 웹 서버는 웹 리소스를 관리한다 리소스는 정적 파일과 동적 파일이 있다 정적 파일: text파일, html파일, 워드 파일 등 동적 콘텐츠 리소스: 사용자가 누구고 어떤 정보, 몇 시인..
프로젝트에서도 config 파일을 수정해줍니다 여기서부터 에러가 생기는 부분이라 짜증나니 해주시는게 좋아요 보통 .gitignore파일에 config파일을 추가해서 비밀번호 등을 숨길텐데 히로쿠 배포하면 이 config모듈이 없다고 에러나요 -_-++ 이자식.. 그렇다고 아이디 비밀번호를 공개할 수는 없는일이죠 stackoverflow보고 해결해보았습니다 .env파일로 환경변수를 만들어주고 가져오는 방식으로 해야합니다 .env파일을 만들고 거기에 필요한 환경변수를 넣어줘요 저희 프로젝트의 config파일은 이렇습니다 dotenv를 설치해줘야 가져올 수 있어요 heroku 페이지 settings 탭에도 다시 와서 config vars를 설정해줍니다 저는 해줘야한다고 읽어서 했는데 안해도 되는지 모르겠네요 ..
2주차 프로젝트는 투두리스트를 만드는 프로젝트를 진행했습니다 api없이 드래그앤드랍을 구현하는 게 어려웠던 ㅠㅠ 프로젝트였어요 중간 중간 버그파티라 총체적 난국이었는데 저는 배민적인 B급 감성을 디자인에 넣으면서 재밌게 해보려고 했습니다 ㅋ_ㅋ 배포한 주소 https://todo-15.herokuapp.com/ 개발하면서 aws의 mysql서버를 사용했는데요 배포를 하면서 heroku의 mysql서버와 새로 연동했습니다. (테이블을 새로 만들어줘야해요) mysql 연동까지는 쉬운데 배포할 때 30분만에 끝날 줄 알았더니 왜인걸 황금같은 토요일에 무수한 에러를 ㅠㅠ... # heroku mysql 연동부터 해보겠습니다 heroku 페이지에 들어가서 새로운 앱을 만들어주시고 overview탭 밑에 confi..
# html-webpack-plugin html파일에 css파일과 js파일을 따로 불러와야하죠. 근데 이 플러그인은 빌드시 자동으로 html파일에 불러와줍니다 아웃풋으로 html파일을 생성해요 설치해줍니다 npm install --save-dev html-webpack-plugin webpack.config.js 수정해줍니다 const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin"); module.exports = { mode: "development", entry: { test: "./src/app.js", }, output: { path: path.resolve(__dirname, "./dist"), fi..
# webpack - package.json 파일 생성하기 npm init -y - webpack에 필요한 모듈 설치하기 npm i webpack webpack-cli path --save-dev --save-dev를 끝에 붙여주면 package.json의 devDependencies에 잘 추가가 된 것을 확인할 수 있습니다. package.json { "name": "tistory_blog", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC"..