본문 바로가기

TIL✨

(71)
함수 TIL(24) 오늘은 자바스크립트 중 많이 부족하다고 느꼈던 함수 부분을 공부했다. 원래 심화 자바스크립트 강의듣고 와..내가 진짜 아직 부족한 부분이 많구나 하고 식겁해서 다시 첨부터 공부하고 있다. 듣다보면 이건 아는건데? 하는부분도 있지만 그 사이사이에 아 이런 부분도 있었구나~ 하는게 많았다....ㅠㅠ 헛 공부한 느낌이야.... 일단 함수는 1.작은단위로 사용한다. 2.함수기능에 맞는 이름을 사용한다. 3.매개변수 이름도 그에 맞게 사용한다. 저기 네모가 함수라고 생각하면 된다. input이 있으면 ouput이 있다. 여기서 중요한 점은 function add(a+b){return a+b}; 이렇게 있다고 하자. 그럼 저기서 add는 함수를 참조 하고 있는 것이다. 즉, 주소값을 가지고 있다고 생각하면 된다. ..
DOM_TIL(23) 오늘 튜터님께서 추천해준 모던자바스크립트부분중에서 항상 궁금했던 DOM에 대해서 정리를 하려고 한다. 사실 오늘 처음 제대로 공부하는거라 분명 내가 이해 한것 중 틀린 부분이 있겠지만 점차 내가 해보고 틀린 것들을 수정해보려고한다. : DOM이란 html구조를 트리형식으로 만들어 놓은 것이다. 그래서 이 구조들을 통해서 원하는 특정 요소를 불러다가 script에서 사용할 수 있다. 일단 // ,등과 같은 태그들은 요소노드라고 하며, 트리 구조를 구성한다. ㄴ루트노드 ㄴ루트노드의 자식 텍스트노드와, 공백만 있는 텍스트 노드는 개발자 도구에선 보이지 않는다. *여기서 노드란? 확실하지 않지만 내가 이해하기론 하나의 내용을 가진 코드 줄을 노드라고 하는 것 같다. ( 나중에 잘못 이해한거라면 고치러 온다) =..
심화 자바스크립트TIL(22) 오늘부터 심화 자바스크립트 강의를 받고 공부를 시작했다. 진짜 말그대로 심화던데 듣자마자 와우....ㅋㅋㅋㅋㅋ 그래도 튜터님이 설명을 잘해주셔서 두세번? 반복하면서 들으니까 그래도 나았다 그대신 진도는 그대로 달팽이걸음이라는....ㅎ 첫번째 챕터를 조금 정리해보려고 한다. 튜터님 강의들으면서 따라 적은 기록들을 글보다는 사진으로 남겨놔야 더 기억이 잘될꺼같아서 올려보도록하겠다. 1.변수선언과 데이터할당 A.할당예시 : 변수를 선언하면 변수영역과 데이터영역으로 나뉘어진다. 변수영역 => 식별자 + 값(주소)가 들어간다. (여기서 값을 바꿀 수 있냐 없냐에 변수,상수가 판별됨) 데이터영역 => 값(value)이 들어간다. (데이터영역에 할당된 값이 바뀌냐 안바뀌냐에따라 불변,가변이 판별됨) B.기본형데이터와..
댓글 수정 기능 만들기 TIL(20) 벌써 금요일이다..ㅋㅋㅋ 진짜 시간이 왜이렇게 빨리 가나 싶다. 역시 프로젝트의 힘이란... 일단 목요일 어제 까지 내가 해야 할 구성들을 다 끝내놓고 프로젝트에 부족한 부분을 팀원분들과 나눠서 마지막 과정을 해결하고 있다. 일단 이번 프로젝트의 필수 기능으로 CRUD가 들어가는데 여기서 댓글 수정 기능 맡아서 하게 되었다. 예전부터 한번 해보고 싶었던 기능이였고 저번프로젝트 후에 CRUD를 공부해보자고 계획을 잡고 있었던 참이라 공부한다 생각하고 시작을 했다. 쉬울줄 알았는데...그랬는데... 마음처럼 안됬다. 문제점 : 계속 오류가뜨는데 classList가 없다고 자꾸 떴다. 코드 중에 const cardBody = event.target.parentNode.parentNode; const comme..
비밀번호 변경 , 내가 쓴 글 목록 불러오기 TIL(19) 나의 작업 중 남은 게 비밀번호 변경과 내가 쓴 글 목록을 불러오는 기능이 남았다. 그래도 두개 밖에 안남았다는 생각에 마음은 덜 무겁지만 그래도 아직 기능이 덜 된 부분을 맡아서 도와야 할 것같다 도움이 될지는 모르겠지만ㅋㅋㅋㅋㅋ일단 열심히 해본다. 일단 오늘 비밀번호 변경은 아주 나이스하게 한방에 만들었다. 파이어베이스 데이터변경 API를 찾다가 예시 코드를 보고 거기서 몇가지 수정을 하고 나서 실행할때 당연히 오류 뜨겠지 뭐가 뜰까 하고 기다렸는데;; 성공했다고 비밀번호가 진짜 변경됬다 한방에 되서 기분이 째졌는데ㅋㅋ 생각치 못한 상황이 생겼었다. 사실 로그인이나 회원가입 시 비밀번호를 정규식으로 8자리이상, 특수문자 포함 이런식으로 제약을 걸어놨었는데 비밀번호 변경 시에 내가 'dkanrjsk'이..
문제해결2_TIL(17) 이번주는 내내 문제해결 TIL이다. 미리확정임ㅋㅋ 어제 가만히 생각해보니까 내가 맡기로 한 분야에서 제대로 풀린게 없어서 이 상태로 가다간 답도 없겠다싶은 마음에 잠도 제대로 못자고 새벽부터 시작 했다.. 하루종일 입맛도 없고ㅋㅋㅋ ㅠ 그래서 이번 주 금요일에 마이페이지를 완료시키자는 생각으로 계획을 짰다. 수요일-마이페이지에서 이미지변경, 닉네임 변경 시 그 상태로 저장이 가능하게하기 목요일-삭제버튼과 비밀번호 변경 구현하기 금요일-내가 쓴 목록 글 불러와서 밑에 나오게 하기 크게 이런식으로 짰는데 다행히 오늘은 내가 할꺼 다하고 삭제버튼까지 다 구현을 했다. 물론 이 구현하는 사이에 튜터님은 2번이나 찾아간거 안비밀 ㅠㅋㅋㅋ 첫번째는 이미지가 local storage까지는 잘 들어가지만 새로고침이나 ..
문제 해결TIL(17) 어제 놔두고 온 문제해결을 오늘 처리했다. 오류가 마이페이지에서 이미지버튼을 누르면 파일이 뜨고 파일에서 내가 원하는 이미지를 열면 그 이미지가 나의 프로필이미지가 되는 구조였다. 근데 어제 input type=file 로 어찌어찌 했는데 이미지열기만 누르면 오류가 났었다. 진짜 저녁 내내 해도 답이 없어서 결국에 나와 비슷한 기능 구조를 만드는 팀원분이 한번 만들어 보시고 코드 비교를 하기로해서 오늘 코드 비교를 해봤다. 문제해결의 답은 팀원이였다..?! 가 맞는듯ㅎㅋㅋㅋㅋㅋㅋ 코드 비교 해보시고 말씀해주셨는데 진짜.... 작은 부분으로 인해 생긴 오류였다. 진짜 막상 보면 아~ 이러는데 왜 그렇게 눈에 안보이고 이해가 안갈까 진짜 ㅠㅠㅠ 답답허다. 많고많은 문제 중 이게 메인이였던거같은데( 많고 많은..
TIL(16) 주말동안 바짝 마이페이지html을 만들었다. 왠지 이번 주 내내 js만드는데 시간을 다 쓸꺼 같았는데 정답이였다ㅎ 아니나 다를까 오늘 점심먹고 내내 js연결만 하고 있었는데 벌써 TL을 적고 있다니..ㅠㅠ 일단 오늘 한 거는 한 줄로 마이페이지 js구현공부가 끝이다. 아직 완성이 안되었지만 빨리 해결을 해볼예정이다. 일단 뭐가 문제인지 밝혀지지 않아서 아마도 내일 TIL에 해결법이 적혀있을꺼같은데 빨리 해결되ㄹㅏ......즈브..... 일단 지금까지 구조는 저 보라색을 누르면 내 컴퓨터에 파일로 들어갈 수 있고 파일이 올라가면 잠시 localstorage에 저장되어있다가 이미지변경버튼을 누르면 확정이 되는 구조를 하고 있다. 삭제나 변경은 이제 이 코드를 기반으로 조금씩만 손보면 될꺼같아서 하나만 일단 ..