Til226 [TIL] 내일배움캠프 React 과정 2022.11.05 팀 프로젝트로 만들었던 웹페이지를 조금씩 수정해보며 공부하는 과정을 기록한다. target= blank와 _blank의 차이점 링크를 클릭할 때마다 새 탭이 계속해서 생성되는 것이 거슬려서 검색을 해봤다. a 태그에 설정한 target 값을 수정해주면 되는 것이었는데 target=blank로 전체적으로 교체해 주었다. target=_blank는 페이지를 클릭할 때마다 새로운 탭이 계속해서 생긴다. target=blank는 하나의 탭만 새로 생성되고 그 탭에서 새로운 페이지가 열린다. a 태그 밑줄, 색상 제거하기 내 개인 페이지에서 타이틀을 눌렀을 때 메인 페이지로 연결되도록 링크를 걸어놓고 싶었는데 a 태그를 넣으니까 타이틀이 왼쪽처럼 변해서 마음에 들지 않았다. 그래서 원래는 css 수정을 통해 해결.. 2022. 11. 6. [TIL] 내일배움캠프 React 과정 2022.11.04 Today I Learned 팀프로젝트 발표 팀프로젝트 KPT 회고 작성 느낀 점 오늘은 5일 동안 팀원들과 열심히 준비한 팀프로젝트의 발표가 있는 날이었다. 우리 팀의 발표로 인한 긴장감과 다른 팀들은 어떤 웹페이지를 만들었을까 설레는 마음을 가지고 발표가 시작됐는데 첫 조부터 엄청난 실력에 충격을 받았다. 그리고 다른 팀들의 발표가 계속될수록 원래도 없던 자신감이 뚝뚝 떨어지기 시작했다. 나는 이번 프로젝트를 진행하면서 노베이스 상태로 웹개발 종합반 강의 하나만 듣고 이 정도 결과물이라면 완벽하진 않더라도 나름 만족한다고 생각했었는데 다른 분들에 비하면 내 수준은 아직 바닥에 있는 거 같다. 만약 저렇게 엄청난 실력자 분들과 팀이 된다면 그 실력을 어떻게 따라잡아야 할지 걱정이 되기도 했다. 하지막 .. 2022. 11. 5. [TIL] 내일배움캠프 React 과정 2022.11.03 Today I Learned 개인 페이지 최종 완성 모든 페이지 통합하여 연결 리액트 튜터님과 개인 상담 발표 자료 만들기(ppt&대본) 🎉드디어 개인 페이지 완성🎉 어려웠던 부분 링크 클릭할 때 마우스 커서 모양 변경 버튼을 클릭했을 때 각 팀원의 페이지나 블로그로 이동하도록 링크를 성절해 놓았는데 마우스커서를 손 모양으로 변경해서 페이지를 이동할 수 있다는 것을 더욱 명시적으로 보여주고 싶었다. 방법은 굉장히 간단해서 해당 CSS 에 cursor: pointer;를 추가했다. github 활용하기 팀프로젝트 완성이 우선이라고 생각해서 아직 git bash 사용방법은 익히지 못하고 github 사이트에서 직접 파일을 올리거나 수정하고 있다. 그래서 git pull 기능도 못쓰고 있어서 커밋될 때마다 코.. 2022. 11. 3. [TIL] 내일배움캠프 React 과정 2022.11.02 Today I Learned 미니 프로젝트 개인 페이지 완성 github 특강 복습 후 github 연동 시도(에 그침..) 발표 자료 초안 작성 저녁 먹고 잠시 비어나잇🍺 어려웠던 부분 이미지 위치 고정 내 소개 박스 안에서 이미지를 글의 길이와 상관없이 하단에 고정되도록 하고 싶어서 구글링을 했다. .tab-content{ position: relative; width: 640px; height: 380px; text-align: center; margin-top: 20px; line-height: 200%; } .text-image{ position: absolute; bottom: 10px; right: 10px; height: 220px; width: 600px; } 해결 방법은 부모 요소에 p.. 2022. 11. 2. [TIL] 내일배움캠프 React 과정 2022.11.01 Today I Learned 매니저님과 개인 상담 미니 프로젝트 개인 페이지 구현 어려웠던 부분 어제저녁부터 방명록 남기는 기능을 구현하기 위한 python 파일에서 라는 경고 메시지가 떴다. 그래서 방명록 댓글이 mongoDB에 저장되지 않는 이유가 python과 html 파일이 아예 연결되지 않았기 때문이라고 생각해서 구글링도 해보았지만 혼자 힘으로는 해결할 수 없었다. 그래서 매니저님과 상담할 때도 여쭤보고 리액트 튜터님께도 여쭤봤지만 시간이 부족해서 문제를 해결하지는 못했다. 하지만 그분들에게서 에러를 해결하는 방법에 대해서는 배울 수 있었다. 구글 console창을 확인해본다거나 너무 한 가지 문제에만 집착하지 말고 시야를 넓혀서 코드를 전체적으로 살펴보는 방법까지. 면담 후에 app.py와 i.. 2022. 11. 1. [TIL] 내일배움캠프 React 과정 2022.10.31 Today I Learned 미니프로젝트 발제-S.A 작성 GIT 협업 특강 GIT 작업 디렉터리: 버전 관리의 대상이 위치하는 공간 (.git이 위치함) 스테이지: 다음 버전이 될 후보가 올라가는 공간 저장소: 버전이 만들어지고 관리되는 공간 버전: 유의미한 변화가 결과물로 나온 것 GIT 명령어 정리 git init: 비어있는 로컬 저장소 생성 git status: 작업 디렉터리 상태 확인하기 git add: 변경사항스테이지에 올리기 git commit: 커밋 메세지와 함께 커밋하기 git log: 만들어진 버전 확인 원격 저장소와의 상호작용 git clone: 원격 저장소를 내 컴퓨터로 복제하기 git push: 원격 저장소에 코럴 저장소의 변경사항을 올리기 git pull: 원격 저장소를 내 컴퓨.. 2022. 10. 31. 이전 1 ··· 20 21 22 23 다음
