공부/가벼운 개발 이야기 (5) 썸네일형 리스트형 [회고] TODO 만들기 TODO이전에도 만들어 본 적이 있다.그냥 react와 postCSS를 사용해서그건 드림코딩을 강의를 들으면서 만든거였는데,강의 내에서 보이는 디자인으로 사이즈를 대충 고정시켜서 만들었었다.그때의 나는 미디어쿼리를 별로 신경쓰지 않았다.(이전 회사에서 키오스크의 기계가 고정이었기때문에미디어쿼리에 전혀 신경쓰면서 만든적이 없었다.) 교육 + 팀원들과의 프로젝트 후나는 ts를 알게 되었으므로ts를 추가한 todo를 만들기로 결심했다.피그마도 경험한 적이 없어서 사용을 하지 않았었는데이번 기회에 피그마로 디자인도 조금 해봤고 (귀여운 수준으로..)css는 고민끝에 tailwindcss를 처음 사용해보기로 결정했다.(물론 아직 vanila-extract도 제대로 사용해보지 않았지만tailwind의 점유율로는 경.. [회고] 프로그래머스 풀스텍 과정-팀 프로젝트를 마무리하며 마지막 팀 프로젝트마지막, 생각이 많아지는 단어다.나는 장장 6개월의 과정을 거치며 벌써 마지막 팀 프로젝트를 하게되는 시기가 오고야 말았다. 이전의 경험나는 이전 회사에서 자바스크립트가 뭔지 겨우 아는 상태로 들어가서중.도매 사용자들의 편의를 위한 참가번호 부여와 구매 내역서를 출력할 수 있는키오스크를 만든 적이 있다. 회사에서는 서버세팅은 euc-kr에 JS와 php MySQL을 사용하는 회사였고,JS만 겨우 알고 들어간 나는 MySQL을 이용하여 php로 나름 api를 만들어쿼리스트링으로 프론트와 통신하게 만들 정도로 성장했다. 그 후로, 사용자들의 연령대가 높은것을 감안해TTS를 추가하고 키오스크 사용이 능숙하지 않으므로사용 후 처음으로 버튼을 누르지 않으면일정시간 후 다시 메인화면으로 돌아오게 .. Q&A_Board 프로젝트 (1) git flowgit flow를 사용하기로 했다.https://danielkummer.github.io/git-flow-cheatsheet/index.ko_KR.html git-flow cheatsheet danielkummer.github.io사용하려면 설치가 필요하다. 이 페이지에 사용 방법이 자세하게 적혀있다.https://medium.com/corca/%EC%8B%A4%EB%AC%B4%EC%97%90%EC%84%9C-%EC%82%AC%EC%9A%A9%EB%90%98%EB%8A%94-git-flow-%EC%82%AC%EC%9A%A9%EB%B2%95-aka-app%EA%B0%9C%EB%B0%9C%EC%97%90-%EC%93%B0%EC%9D%B4%EB%8A%94-git-flow-%EB%B8%8C%EB%.. yarn vite로 생성한 리액트 github pages에서 호스팅하기 리액트 강의를 듣고 투두앱을 만들면서 yarn vite로 생성해서 코드를 구현했다.yarn dev로 실행시켜서 확인하면서 만들었고,예전에도 npm이나 yarn으로 build해서 github에 올려 호스팅한 적이 있기 때문에문제가 될게 아무것도 없다고 생각했었다. 하지만, vite는 build를 했을때 build 디렉토리가 아닌, dist 라는 디렉토리를 생성한다.나는 처음에 몰랐다. dist로 생성된 것을...🤣 레포지토리를 생성하고 add하고 commit하고 push까지 완벽했다. 하지만 내 github pages는 애꿋는 404 오류만 콘솔에 찍어줬다. 당황스러웠다. 난 인프런강의로 cat-zzal-maker도 만들어 올린 전적이 있었다.그것도 리액트인데 ❓❗ 당연하게 구글링을 했다.그 과정에서 b.. HTTP와 HTTPS의 차이 HTTP(HyperText Transfer Protocol)과HTTPS(HyperText Transfer Protocol Secure)의 차이 ❄️HTTP란 클라이언트와 서버간의 통신 규약, 또는 프로토콜이라고 한다.사용자의 브라우저가 웹 서버로 HTTP를 요청하고, 웹 서버는 HTTP로 응답한다.이때, 클라이언트와 서버는 서로 텍스트로 교환하여 통신하는데HTTP는 제 3자가 중간에서 가로채서 읽을 수 있다. ✨HTTPS의 Secure에서 알 수 있듯이, HTTPS는 HTTP보다 안전한 버전이며,텍스트를 암호화하여 안전하게 서로 통신할 수 있게 해준다.HTTPS는 SSL 보안서버 인증서를 획득하면 된다. ✨SSL 보안서버 인증서를 획득하게 된다면 아래와 같은 창을 확인할 수 있다. ❄️또, HTTP와 H.. 이전 1 다음
