Today I Learned …

CRA로 리액트 프로젝트 생성 시 설치가 되다말고 터져버리는 오류였다! (오류 상황을 캡쳐해두는걸 깜빡했다 ㅠㅠ) 정확히 아래와 같은 상황이었다. https://stackoverflow.com/questions/64330949/unable-to-create-react-abort-installation-yarnpkg-add-exact-react-react-dom-r Unable to create react, Abort Installation yarnpkg add --exact react react-dom react-scripts cra-template has failed I'm having trouble to create npx create-react-app . ➤ YN0009: │ core-js@npm:..

오랫동안 멈춰뒀던 블로그를 다시 시작해보려고 합니다. 블로깅이 나름 습관이자 취미였던 것이 무색하게, 일이 바쁘다는 이유로 정리에 소홀하게 되었고 점차 글쓰는 것이 어색하고 두려워지기도 했네요 이전만큼 포스팅 하나하나 길게 남기진 못하더라도 매일 얻게되는 것들을 다시 차곡차곡 정리해보려고 합니다! 사실 그간 아예 시도를 안해봤던 건 아니었던지라 깃헙io, velog, 직접 만든 블로그까지 거의 모든(?) 플랫폼이란 플랫폼은 다 거쳤지만 근본이었던 티스토리에서 재시작해보려고 합니다! 다시 블로깅을 시작하기로 마음먹은 것에는 여러 이유가 있었지만, 가장 힘이 되었던 것은 방문수였어요 사실 너무 아무것도 모를 때 쓴 글들이 많아서 민망함에 이글 저글 내리고 싶었던 적도 많았는데, 종종 댓글도 달아주시고 아직까..

* 해당 주차의 수업 내용을 정리합니다. * 모의해킹 프로젝트 > 단톡방에 업로드한 파일 다운로드! * 진짜 모의해킹 업무와 똑같이 학생들이 경험하게 하면 어떨까? * OT 1. 실제 모의해킹 프로젝트를 진행 (개인!) 2. 협의 - 모의해킹 - 리뷰 3. 보고서 작성 방법 [1] 모의해킹 프로젝트 업무 Process - 협의 [프로젝트 투입 전 주] → 고객사 컨택 포인트 OR PM 연락처 수령 → 투입 전 체크 리스트 -- 고객사 위치 (서울) -- 출퇴근 시간 (9-6/8-5) -- 투입 날짜에 언제 어디로 가야하는지 -- 노트북 반입 여부 → YES : 그러면 노트북에 툴 설치해서 가나요? → NO : 그러면 툴 반입은 어떻게 하나요? Win10 PE : 자체 포맷 Tool : Burp Suite..

* 개인적인 공부 내용을 기록한 글입니다. * 「절대강좌! 유니티」 사담 인디 멀티게임 구상을 위해 찾아보니 서버는 포톤으로 구현하는 것이 여러모로 적합한 것 같다. 이거 한다고 집에 컴퓨터 들이고 회선 깔 수는 없으니... 서버 구축 공부를 새로 하는 것도 배보다 배꼽인 것 같다. 로직을 직접 건드릴 수 없다는 점과, P2P 방식을 취해야 하기 때문에 핵 위험이 있다는 점이 걸리지만 이쯤에서 타협해야할 것 같다. Photon Photon이란? 네트워크 게임 엔진이다. 다양한 제품군을 보유하고 있으며 그 중에서도 PUN(Photon Unity Networking)의 경우, 유니티 엔진에 특화되어 있다. 포톤 제품은 크게, 포톤 서버와 포톤 클라우드로 나뉜다. 포톤 서버는 Dedicated Server로 ..

* 개인적인 공부 내용을 기록한 글입니다. * retr0 「네트워크 게임 개발하기」 https://www.youtube.com/watch?v=z8KLb3lQofg 사담 늘 그렇듯 뜬금으로 멀티겜 만들기 도전ㅎ..... 네트워크 게임 개발 : 기초 이론 4인 멀티 게임에 플레이어는 몇명 존재할까? 답은 16명이다. 모든 플레이어의 게임 세상에 각각 4인의 플레이어가 존재하기 때문이다. 로컬 플레이어와 리모트 플레이어 A 입장 : A(로컬), B(리모트), C(리모트), D(리모트) B 입장 : A(리모트), B(로컬), C(리모트), D(리모트) C 입장 : A(리모트), B(리모트), C(로컬), D(리모트) D 입장 : A(리모트), B(리모트), C(리모트), D(로컬) 리모트 플레이어는 레플리카다 ..

* 개인적인 공부 내용을 기록한 글입니다. 이전 문제 https://choco4study.tistory.com/139 [Bandit] Level 0 * 개인적인 공부 내용을 기록한 글입니다. [Bandit] Level 0 Level 0 : 문제 Level 0 : 풀이 반딧 접속 방법에 대한 가이드라인과도 같은 문제다. 우리는 앞으로 ssh를 통해 반딧 서버에 접속하여 문제를 풀 choco4study.tistory.com [Bandit] Level 0 → Level 1 Level 0 → Level 1 : 문제 Level 0 → Level 1 : 전제 bandit0 으로 접속한 상태로 시작한다. 다음은 접속 명령어와 비밀번호에 대한 정보다. $ ssh bandit0@bandit.labs.overthewire..

* 개인적인 공부 내용을 기록한 글입니다. [Bandit] Level 0 Level 0 : 문제 Level 0 : 풀이 반딧 접속 방법에 대한 가이드라인과도 같은 문제다. 우리는 앞으로 ssh를 통해 반딧 서버에 접속하여 문제를 풀어나갈 것이다. ssh를 통해 특정 서버에 접속하려면 해당 서버의 사용자명, host, 열려있는 포트 이렇게 세가지를 알고 있어야 한다. 이 문제에서는 이 세가지에 대한 정보를 제공하고 있다. 이 정보는 반딧 홈페이지 최상단 좌측의 까만 라벨에서도 확인할 수 있다. 모든 정보를 얻었으니 이제 cmd 창을 켜 적절한 명령어를 입력해주면 된다. ssh [사용자명]@[host] -p [포트] 형태이다. $ ssh bandit0@bandit.labs.overthewire.org -p ..

* 개인적인 공부 내용을 기록한 글입니다. 대구시 사업 추진 현황 DB 구축 사전 작업 엑셀 파일을 CSV 형식으로 변환해준다. 확장자명만 바꾸면 안되고, [다른 이름으로 저장]을 눌러 저장 시 형식을 CSV로 지정해준다. * 이 부분에서 테이블 가장 윗 줄의 컬럼명 라인은 삭제한 후 진행하는 것이 편의 상 좋다. 테이블 생성 쿼리 CREATE TABLE IF NOT EXISTS `daegu` ( `idx` int(10) primary key auto_increment comment '식별자', `bunho` int(10) NULL COMMENT '일련번호', `domyun` VARCHAR(20) NULL COMMENT '도면번호', `sido` VARCHAR(20) NULL COMMENT '시도', `..

* 개인적인 공부 내용을 기록한 글입니다. 사담 ㅎㅎㅎ 복구 끝이다... 고생했다 나 자신ㅠ 웹 CSS 복구 일지 (2) : 게시글 수정, 게시판/문의게시판 검색 1. board_update.php 2. board_search.php 3. qna_search.php 웹 CSS 복구 일지 (2) : 팝업창 1-1. ID 중복 검사 (중복X) 1-2. ID 중복 검사 (중복O) 2-1. 주소 검색 2-2. 주소 검색 (검색 중) 2-3. 주소 검색 (검색 결과) 2-4. 주소 검색 (상세 주소) 3. 마이페이지 접근 4. 비밀번호 변경 5-1. 문의글 (조회) 5-2. 문의글 (삭제)

* 개인적인 공부 내용을 기록한 글입니다. 웹 CSS 복구 일지 (2) 1. board.php 2. board_write.php 3. board_view.php 4. qna.php 5. qna_write.php 6. qna_view.php 7. mypage.php 8. mypage_post.php 9. mypage_like.php 10. mypage_change.php 남은 부분 1. board/qna - update/search 2. pop-ups - ID 중복 검사 - 주소 검색 - qna 연락처/비번 확인 - 마이페이지 비번 변경

* 취미 활동을 기록한 글입니다. ! 업데이트 노트 [220106] CSS 수정 - 잔디밭을 드래그했을 때 innerText가 드러나지 않도록 calendar 영역에 대한 드래깅을 막았습니다. 티스토리에 깃허브처럼 잔디깔기! 계기 지난 10월에 첫 포스팅을 올린 이래로 이제 4개월 차, 언제부턴가 깃허브의 잔디가 부러워지기 시작했다 ㅠㅠㅠ 지금이라도 넘어갈까 고민도 잠시 해봤지만, 지금껏 함께해온 티스토리에 정도 많이 들었고... 편의성 부분에서 깃허브 페이지는 도무지 메인으로 사용하고 싶은 마음이 들지 않았다. 그렇다면, 깃허브의 잔디같은 시스템(?)을 티스토리에 구현해보면 어떨까하는 생각이 들었다. 조사 차 찾아보니 생각보다 어려울 것 같지 않았고, 반나절을 꼬박 들인 결과... 제법 만족스러운 그림..

* 개인적인 공부 내용을 기록한 글입니다. 설명 한달 전 노트북을 날려먹은고로... 한참 전에 끝내서 우분투에 잠자고 있던 웹도 고대로 날려먹었다 ㅎ 설상가상으로 git에도 푸시를 안해둬서... 처음부터 다시 만드는 방법 밖에 없었다. (푸시 안할거면 커밋은 왜 했는지?...) 천만다행으로 블로그에 중요한 코드는 정리를 해둬서 아예 쌩으로 다시 만들진 않았지만... 세부적인 구현들까지 다 남겨놓진 않았어서 울며겨자먹기로 열심히 복구했다ㅠ 특히 CSS는 정말 남겨놓은게 없어서 ㅎ 이왕 이렇게 된 김에 아예 새롭게 디자인해보았다... 그 기록 일지다... 웹 CSS 복구 일지 (1) 1. greet.php 첫 그리팅 화면이다. 로그인/회원가입 페이지로 진입 가능하며, 비회원인 상태로 메인 페이지에 진입할 수..