STUDY (My Job)60 [PersonalProjects] github와 netlify로 배포하기와 에러 (그림절차)(작성중) 20230110 https://www.netlify.com/ 문제발생 원인 추측 백업파일인 session1 과의 충돌인 것 같다. 일단 netlify.com 에서 해당 사이트를 삭제하도록 한다. 가장 하단의 Danger zone 에 들어가서 Delete this site 해당 나의 지역저장소 가서 충돌되는 해당 session1 파일을 .gitignore에 올려서 해결하면 되는 줄 알았으나 git add . git status : git add . 한 후 꼭 확인하기 git remote -v : 연결된 원격저장소 위치 확인 warning: adding embedded git repository: Project/personalProject/1th_Project_Momentum hint: You've added another.. 2023. 1. 11. [TeamProject] 20230108 원 배치 과정② 문제점 반응형 화면을 적용해보았을 때 선과 원이 따로 분리되는 문제가 발생. 하려고 했던 것 화면의 오른쪽, 왼쪽 여백을 주기 위해 만든 : .introduction-items-wrapper : border: 1px solid yellowgreen; 동그라미 감싸기 위해 만든 : .introduction-circles-wrapper : border: 1px solid blueviolet; 선 감싸기 위해 만든 : .introduction-lines-wrapper : background-color: yellow; 어떻게 할까? 관련해서 .introduction-circles-wrapper .introduction-lines-wrapper 의 scss 포지션(position) 속성에 대해서 수정할 필요성을 .. 2023. 1. 8. [Discord]음성 및 비디오 설정 음성 채널에 들어와야 소리가 들린다. 녹음 장치 출력 장치 음량이나 설비점검은 [설정 > 음성 및 비디오] 에서 하면 된다. 2022. 12. 26. [에러] 코드 다운 받았는데 실행이 되지 않아요. code: 'MODULE_NOT_FOUND' 해결방법 , npm install 하기 2022. 12. 23. 반응형 게시판 만들기 7 - 글쓰기(수정) 페이지 반응형 스타일 적용 https://www.youtube.com/watch?v=5KcgVMY7xT0 결과화면 Before After Chrome브라우저로 요소들의 위치를 파악하고 바로 스타일 적용해보기 - (아래사진) Chrome 브라우저로 - 소스파일에 들어가서 위치 확인 후 - 해당 코딩 부분 보면서 수정 - (아래사진) cf. display : none; //보이지 않게 하는 것. 파일목록 🔴edit.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 7 ) 🔴list.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 7 ) 🔴view.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 7 ) 🔴write.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현.. 2022. 12. 22. 반응형 게시판 만들기 6 - 글 보기 페이지 반응형 스타일 적용 https://www.youtube.com/watch?v=0WdXdYeWu7Q 결과화면 Before After 파일목록 🔴edit.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔴list.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔴view.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔴write.html : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔵style.css : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔵css.css : 이전게시글(반응형 게시판 4) 과 변화 없음. ( 현재 6 ) 🔵media.css @media (max-width: 1000px) { .boa.. 2022. 12. 22. 반응형 게시판 만들기 5 - 게시판 목록 반응형 스타일 적용 (영상 수정필요) https://www.youtube.com/watch?v=fJGMA8xxK0E&list=PLDVUy8tEIMVVM4CKC2lt4zhZ5ssbnOEJY&index=5 결과화면 Before After 파일목록 🔴edit.html : 이전게시글(반응형 게시판 4) 과 변화 없음. (현재 5) 🔴list.html : 이전게시글(반응형 게시판 4) 과 변화 없음. (현재 5) 🔴view.html : 이전게시글(반응형 게시판 4) 과 변화 없음. (현재 5) 🔴write.html : 이전게시글(반응형 게시판 4) 과 변화 없음. (현재 5) 🔵style.css : 이전게시글(반응형 게시판 4) 과 변화 없음. (하지만 설명 겹치는 부분이 있어서 코드 첨가) (현재 5) * { margin: 0; padding: 0.. 2022. 12. 22. 스니펫(Snippet)은 깔았는데 어떻게 사용하지? 스니펫 확장 프로그램 설치는 아래처럼 스니펫(snippet)은 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 일컫는 프로그래밍 용어이다. 사용자가 루틴 편집 조작 중 반복 타이핑을 회피할 수 있게 도와준다. ~ 헷갈렸던 것 정리 ~ Ctrl + F 사용하는 VS Code 모습 Ctrl + Shift + P 사용하는 VS Code 모습 스니펫 사용하는 VS Code 모습 만약 스니펫 설치가 되어있지 않다면 스니펫에 javascript.json 파일에 들어가서 해당 부분을 넣어주면 된다. 스니펫을 설치하지 않아도 단축어를 사용 할 수 있다. ex. 이라 입력하면 이라고 자동으로 뜨게 되는 것이다. { "reactFunction": { "prefix": "rfc", "body": "import Re.. 2022. 12. 21. react_todo 8.2 프로그램 진행 팁 react todo 글 1 [ 8.2 프로그램 진행 팁 ] step1. 무언가 만들려고 한다면 거기에 필요한 모든 기능들을 작성해 본다. ㄴ 기능별로 리스트 만들기 (Before - 기능분류) 투두앱 1.전체 리스트 보여주기 2. 아이템 삭제 3. 아이템 체크박스 4. 아이템 추가 5. 아이템 필터링 6. 다크모드 지원 (step2. 일단 필요한 기능들을 순서 상관없이 작성해본다. ) 기능별로 조금씩 , 단계별로 나누어서 , 필수로 구현해야하는 것 들을 가장 먼저 구현 할 수 있도록 목록을 재배열한다.(우선순위매기기) +조금조금씩 기능들 덧붙이기 +그리고 리액트를 사용해서 작성하는 것이므로, 한꺼번에 구현하는 것이 아니라 어떻게 컴포넌트로 나누어서 만들어 갈 것인가 고민하기 ㄴ (만약 컴포넌트로 나누기 .. 2022. 12. 19. 이전 1 2 3 4 5 ··· 7 다음 728x90 반응형
