dev_H dev_H

3월 31일에 종료한 뒤늦은 포텐데이 후기 및 회고 왜 참여했는가? 취준을 하다보니 좀 루즈해지기도 하고 다른 사람들하고도 프로젝트를 해보고 싶어 개발 관련 사이트에서 프로젝트 모집글을 보고 지원했으나 시간이 맞지 않는다던가 혹은 들어갔더니 뭔가 결이 맞지 않아 프로젝트를 안 하게 되었다... 그러던 중에 집중해서 짧은 기간(10일) 안에 여러가지 직군들의 사람들과 프로젝트를 경험할 수 있다는 광고를 보고 지원하게 되었다 팀을 짜는 건 2가지 방법이 있다. 사람들의 프로필카드나 소개글을 보고 먼저 컨택해서 팀을 짜는 경우 혹은 일정 시간이 지났음에도 팀을 짜지 못했다면 AI가 팀 인원들을 추천해준다(물론 할지말지는 본인의 선택) 나는 빨리 팀이 빌딩되는 게 마음 편할 거 같아서 소개글을 보고 바로 컨택해..

node.js 강의를 듣다가 MySQL을 연동해서 서버를 구축하길래 간단하게 기본문법을 익히고 있다 물론 완전 초보수준이지만 까먹기 전에 정리! 1. 설치(mac 기준) https://dev.mysql.com/downloads/mysql/ 운영체제에 맞는 커뮤니티 서버를 다운로드 받아 설치하면 끝...! 설치를 완료 했다면 시스템 설정에서 MySQL서버를 켜거나 끌 수 있다 MySQL 서버를 켜려면 시스템 설정 -> MySQL 탭에 들어가면 된다 컴퓨터를 켤 때 MySQL 서버도 같이 켜지게 설정할 수 있지만 나는 그럴 필요는 없어서 꺼놓았다 이렇게 서버를 켰다면 MySQL workbench를 사용해서 시각적으로 제어할 수 있지만 일단 명령어에 익숙해지기 위해 터미널을 사용하였다 터미널을 켜고 아래와 같..

버셀로 배포 후 example.com으로는 잘 접속되는데 example.com/login같이 pathname이 붙는 페이지로 이동하면 에러가 났다... 버셀 공홈에서는 아래와 같이 설명하고 있다 https://vercel.com/docs/errors url을 확인해보라는데 url에는 문제가 없었다... 여러가지 검색을 해보니 아래와 같이 vercel.json 파일을 최상위에 생성하고 아래와 같이 작성해주면 된다고 한다 { "routes": [{ "src": "/[^.]+", "dest": "/", "status": 200 }] } 페이지 내에서 링크를 클릭하거나 버튼 등을 눌러 내부 페이지로 이동할 때는 에러가 안 나지만 url을 직접 입력하거나 페이지를 새로고침할 때 서버가 해당 경로를 인식하지 못해서..

예전에 잠깐 배웠던 node.js를 다시 배우고 있다 백도 좀 배우면 전체적인 흐름을 알 수도 있고 나중에 백도 해보고 싶기 때문에 조금씩 배워보려고 한다 Node.js는 어떻게 생겨났을까? 원래 브라우저에서만 사용했던 자바스크립트를 크롬에서 만든 v8 자바스크립트 엔진을 통해 바깥에서도 사용할 수 있게 되었고 v8을 기반으로 개발자 000이 만들어서 node.js가 탄생함 Node.js의 fs(FileSystem)이란? Node.js에서 파일을 핸들링하는 모듈이다 즉 파일의 입출력을 처리할 때 쓰이는 모듈을 말함 sync가 붙은 API들과 아닌 것들의 차이 node.js 문서를 보다보면 거의 같은 이름인데 뒤에 sync가 붙은 API가 있다 예를 들면 아래와 같다 readfile readfilesync..

면접에 나올 부분을 정리하다가 나온 가상 클래스와 가상 요소에 대해서 정리해보려고 한다 사실 내 포폴 사이트에도 가상 클래스와 가상 요소를 사용했는데 막연하게 두루뭉실하게 알고있어서 확실하게 정리를 해보려한다 가상 클래스(pseudo-class) 요소의 특정 상태에 따라 스타일을 정의할 때 사용함 여기서 말하는 특정 상태란 아래와 같음 - 마우스오버 - 링크 방문/방문x - 포커스 아래와 같이 콜론을 사용해 쓰면 됨 h1:hover { color: red; } 가상 클래스에는 여러가지가 있는데 아래 페이지에서 어떤 것들이 있는지 확인할 수 있다 https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_a..

해버리고 말았다 편입... 원래도 이쪽으로 진로를 변경하려고 했을 때 부터 편입을 해야겠다고 막연하게 생각하고 있었다 그리고 공부하다 보니 CS 부분에서 부족한 점도 느껴지고, 시간이 있을 때 공부하는 게 미래의 나를 위해서 좋지 않을까하는 생각에 편입을 하게 되었다 강의를 들은지는 얼마 되지 않았지만 편입하길 잘 했다고 생각한다 3-1학기 과목 선정 3학년 편입이지만 바로 3학년 과목을 들었다가는 이해가 안 될 거 같아서 바로 1,2학년 과목 위주로 담았다 약간 후회되는 점이 있다면 6과목을 다 넣었다는 것이다 한 4~5개만 넣어서 이산수학같은 약한 과목에 좀 더 공부할 시간을 할애하는 것도 좋았겠다라는 생각이 든다 아 벌써 이산수학 들을 생각에 어질어질하다 그래도 반복학습만이 답이겠지...? 한 과목..

라이트 하우스 검사 결과를 보다보니 생긴 이 항목...! preconnect나 dns-prefetch를 하라고 한다 항목을 보니 배경 이미지를 https://www.transparenttextures.com/ 여기서 url로 받아 사용하고 있었는데 이를 원 출처에 preconnect나 dns-prefetch 요구를 해서 좀 더 빨리 받아오라는 뜻인 거 같다 태영님과 스터디를 할 때 preconnect 인가 이거 본 거 같은데 잘 기억이 안 난다; 다행히 라이트 하우스는 아주 친절하게 어떻게 하면 해결할 수 있는지도 알려준다 learn how to ~를 누르면 아래의 url로 이동한다 https://developer.chrome.com/docs/lighthouse/performance/uses-rel-pr..

갑자기 HTML 지옥에 빠진 듯...? 은근히 내가 모르는 속성들이 있어서 배움에는 끝이 없구나라는 생각이 들었다 라이트 하우스에서 본 아래 항목에서 모르는 부분이 있어 공부 겸 정리해보았다 개발자도구에서 issues 패널 열어서 문제 해결하라고 친절하게 알려주는 라이트 하우스... 오른쪽 상단 점 세 개 -> more tools -> issues를 누르면 된다 form에 브라우저의 자동완성이 인식하는 id나 name 속성이 있는데 autocomplete 속성이 없으니까 해결하고 싶으면 해당 속성 추가해~라고 알려준다 근데 autocomplete 속성을 처음 들어봐서 찾아보았다ㅎ https://developer.mozilla.org/ko/docs/Web/HTML/Attributes/autocomplete..