전체 글

꾸준히 성장하는 개발자 WONOW 입니다. 🤗
· TIL
대망의 팀 프로젝트 발표 날 나는 팀프로젝트가 처음이었다. 팀 프로젝트는 CRUD 구현하고 싶었던 것들 시간상 구현 못한게 많았는데 (비밀번호 일치시 삭제.. 등등) 다른 팀들 결과물 보니 구현하고 싶던 기능들을 구현했었다. 댓글 수정에는 editDoc을 써서 구현을 하시고 파이어베이스에는 난수로 doc.id를 저장하는데 CSS의 class 는 숫자로 시작하면 안돼서 'A'+doc.id 이런 방식으로 해결 하셨다는 분들도 계셨다. (CSS2에서 생긴 내용인데, 이 때문에 CSS2 업데이트 당시 많은 사이트들의 CSS가 작동을 안했었다고 한다) 보면서 와 정말 조금만 생각을 간단하게 하면 가능한 방법들이 많았다. doc.id를 모르기 전, 어느 인도 유튜브에서 파이어베이스 doc.id 난수를 특정 값으로 ..
· TIL
이제 CRUD를 구현할 차례 (U는 시간, 기술상 문제로 구현을 못했다.) DB는 파이어베이스를 쓸 것이다. 🏠 방명록 이름 비밀번호 방명록 작성 국밥 든든한 국밥 삭제 댓글 창 구조는 이렇다.. 우선 C(Create) 우리는 inputid, inputpwd, inputcom에 넣어져 있는 값을 받아올 거다. input 마다 적혀져 있는 id를 js에서 지정 후 변수에 value를 넣어준다 let id = $('#inputid').val(); let pwd = $('#inputpwd').val(); let comment = $('#inputcom').val(); 이후 db에 저장 될 형식을 만들어준다 let doc = { 'inputid': id, 'inputpwd': pwd, 'inputcom': co..
· TIL
배운 것들 :hover :focus transform: scale() block-level-elements non-block-level-elements display: block / inline h1 margin-top 조절 Js toggle 종류 min-width iframe 더 있는 거 같은데.. 지금 집중력이 말이 아니다.. 웹 개발 강의 듣고 웹 개발 엄청 쉽다 했는데 나는 아직 초보인가보다. 완전 무에서 유로 만드려고 했는데 손이랑 머리에 잘 익혀지지가 않는다. 오늘 삽질 많이 함 어쨌든 오늘도 TIL 스타트 코딩에 코짜도 모르는 시절,, 머릿속으로 구현해보고 싶었던 거 짱많았다. 그래서 오늘 엄청 만들어봤다. 진짜 아이디어 제시 엄청 함 초보 특인가..?🥹 우선 첫번째 Class 를 이미 적용..
· TIL
팀프로젝트 중 문제가 발생했다 margin 값 때문인가..? css에 있는 모든 class의 margin을 건들어봤는데 되지 않는다. height 이 잘못된건가..? 단순하게 이걸로 하면 눈속임은 되겠지만 글의 줄이 height 값을 넘어가면 다시 문제가 발생한다. float: left를 줘서 그런가..? 아니었다. padding..? 그럴리가 없지.. 구글링을 해도 안나왔다. 나 구글링 좀 잘했었는데... 뭐가 잘못된지 모르니까 한참을 헤맸다. 폴더 새로 만들고 문제가 생긴 부분만 복사하고 필요 없는 부분들은 전부 제외 시켜줬다 파일을 새로 만들고 열심히 뭐가 문제인지 지워보고 만들어보고 했다. 여기서 문제가 될만 한 건 없었다. 팀원들한테 물어봤다 의견 1) 안에 버튼 같은 걸 넣고 투명하게 만들어서..
· TIL
SHOW TABLES Tables를 보여준다 SELECT COLUMN FROM TABLE TABLE 라는 테이블 안의 COLUMN 이라는 컬럼을 보여준다 *을 쓰면 모든 컬럼 WHERE 조건을 걸고 그에 해당하는 값을 보여준다 컬럼 조회 Select * from table where column = ABC LIKE (문자열 안에 해당 단어가 있으면 조회, %로 표현한다.) Select * from table where column like '%ABC' // 어떤 문자 뒤에 ABC로 끝나는 컬럼 조회 Select * from table where column like 'ABC%' // ABC로 시작하는 컬럼 조회 Select * from table where column like '%ABC%' // col..
· TIL
Git 형상 관리 도구 - 소프트웨어의 변경사항을 체계적으로 추적하고 통제하는 것 Git 명령어 리스트 git init git add . / git add 파일명 git commit -m "기능 개발과 관련된 기록" git status git log git push git clone git pull 진행 전 아래 링크에서 윈도우의 경우 Git을 다운 받아준다. Git git-scm.com vscode를 열고 작업중인 폴더를 연 후 상단 메뉴에서 터미널 - 새 터미널 - 밑에 +누르고 Git Bash를 눌러준다. git init 을 눌러서 초기화를 해준다. ( 개발 프로젝트 시작 시 딱 한 번만 입력해주면 됨) ls -al을 입력해주면 .git 이라는 폴더가 적힌 것을 볼 수 있다. git add 파일명 ..
wonow_
wonow_