웹 개발의 기록들

[ 이전 글 보기 ] https://includecoding.tistory.com/220 [ HTML / CSS 공부] 3. CSS 기본구조 [ 이전 글 보기 ] https://includecoding.tistory.com/219 2. HTML 기본 문법 ( HTML에서 자주 사용하는 태그들 ) [ 이전 글 보기 ] https://includecoding.tistory.com/218 1. HTML의 기본 형식 퇴사한 지 1년이.. includecoding.tistory.com 예제 기본 코드 item1 item2 item3 item4 item5 item6 item7 item8 item9 item10 div.container>div.item.item${item$}*10 이렇게 입력하면 위와 같은 코드가 나..

[ 이전 글 보기 ] https://includecoding.tistory.com/219 2. HTML 기본 문법 ( HTML에서 자주 사용하는 태그들 ) [ 이전 글 보기 ] https://includecoding.tistory.com/218 1. HTML의 기본 형식 퇴사한 지 1년이 넘은 시점.. 아직 코딩 실력은 줄지 않았겠지 라고 생각하고 C#에서 javascript로 넘어가 javascript/typescript와.. includecoding.tistory.com css를 공부하기 전 기본 html 코드 청춘예찬 대중을 위하여서 밥을 주며, 그들에게 힘차게 뭇 예수는 가슴에 운다. 작고 얼마나 만물은 청춘은 이상의 것은 것이다. 되려니와, 만천하의 뜨거운지라, 이는 생생하며, 그들을 듣는다. ..

[ 이전 글 보기 ] https://includecoding.tistory.com/218 1. HTML의 기본 형식 퇴사한 지 1년이 넘은 시점.. 아직 코딩 실력은 줄지 않았겠지 라고 생각하고 C#에서 javascript로 넘어가 javascript/typescript와 react.js를 독학하고 구글링하면서 1달 반동안 헤딩한 결과 주식 계산기 토 includecoding.tistory.com .... 1. 태그는, 시작이고, 끝을 의미하며, 이런식으로도 사용이 가능한데 value 만약, value가 필요가 없거나 해당 태그 안에 다른 자식태그를 넣지 않아도 된다면, 로도 사용할 수 있다. 그리고 element라고도 불린다. .... 2. attribute는, 태그에 대한 더 구체적인 설명을 제공한다..

퇴사한 지 1년이 넘은 시점.. 아직 코딩 실력은 줄지 않았겠지 라고 생각하고 C#에서 javascript로 넘어가 javascript/typescript와 react.js를 독학하고 구글링하면서 1달 반동안 헤딩한 결과 주식 계산기 토이 프로젝트와 비디오 스트리밍 '나튜브'를 만들었다. 주식 계산기 링크 : https://stock-calculator.vercel.app/home 주식 계산기 stock-calculator.vercel.app 나튜브 링크 : https://natube-frontend-portfolio.vercel.app/ 나튜브 natube-frontend-portfolio.vercel.app 당연히 비전공자에 비해, 새로운 언어를 습득하기에는 어려움은 없었고, 극복하기에도 쉬웠던 건 ..

아.. 정말 이것때문에 애 먹었던 것 같다. 현재 만드는 포트폴리오 중 동영상 스트리밍 홈페이지 '나튜브'를 만들고 있는데 영상을 클릭할 때마다 조회수를 증가시킬 수 있도록 하려고 하는데 update문을 사용해봤다. models.videoUploads .update( { view: (여길 어떻게 해야하나...), }, { where: { id, }, } ) .then((result) => { res.send({ result: true }); }) .catch((err) => { console.error(err); res.status(500).send("업데이트에 문제가 생겼습니다."); }); view의 값을 가져와서 +1 을 해줘야 하나.. 별 생각을 많이하고 별 코드를 다 짜봤지만, 에러만 생겼다. ..

react에서는, javascript에서 사용할 수 있는 document.queryselector() 를 사용할 수가 없습니다. 이 부분을 사용하기 위해서는, useRef 라는 react에서 제공해주는 것을 사용하면 해결할 수가 있습니다. 코드 ) import { useRef } from 'react' class Usereference { ref1: React.MutableRefObject; constructor(){ this.ref1 = useRef(); } const ReferenceFunction = () => { const usingRef = new Usereference().ref1; const buttonClicked = () => { console.log(usingRef); } return ..

react-native를 하기 위해, watchman 이라는 것을 설치하려고 brew install watchman을 입력했으나 Warning: No available formula with the name "watchman". 위와 같은 오류를 내뱉으며, 설치가 되질 않았다. 해결방법을 찾지 못하고 homebrew를 다시 삭제하고 설치를 해보자고 생각했다. 참고로 나는 update도 되지 않는 상황이였다. 설치를 잘못할 일이 없는데.. 참 1. 터미널에 아래와 같이 입력하자. /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall.sh)" 2. Finder창에서 Command + Shift..

터미널로 npm install -g create-react-app 을 입력 후에 설치를 하려고 하면 여러가지의 오류들이 뜨게 되는데 Error: EACCES: permission denied, symlink '../lib/node_modules/create-react-app/index.js' -> '/usr/local/bin/create-react-app' 이런식의 permission denied 오류가 나오면, 어떻게 고쳐야 하는 지 걱정이 되는 경우가 생기게 된다. 그럴 땐 npm 앞에 sudo를 입력해보자. sudo npm install -g create-react-app 본인은 이렇게 입력을 해서 해결을 쉽게 했다.