본문 바로가기

TX55

[TIL 2023.05.19] 팀소개 프로젝트 마무리&발표 💻오늘 배운 내용 RESTful API? REST(Representational State Transfer)의 약자로 자원을 이름으로 구분하여 해당 자원의 상태를 주고받는 모든 것을 의미합니다. HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시하고, HTTP Method(POST, GET, PUT, DELETE, PATCH 등)를 통해 해당 자원(URI)에 대한 CRUD Operation을 적용하는 것을 의미합니다. CRUD Operation이란 Create : 데이터 생성(POST) Read : 데이터 조회(GET) Update : 데이터 수정(PUT, PATCH) Delete : 데이터 삭제(DELETE) REST 구성 요소 REST는 다음과 같.. 2023. 5. 19.
[TIL 2023.05.18] 팀소개 프로젝트 오류수정 ❓발생한 이슈/고민 💡해결과정 서버와 합치는 과정에서 이전과 같은 문제가 발생!😱 동적으로 추가되는 카드라서 형제요소를 찾지 못한 것이 원인이었다. card.innerHTML = temp_html; // 컨테이너 생성 및 카드 추가 const container = document.createElement('li'); container.classList.add('card-container'); container.appendChild(card); list.appendChild(container); $('.js-click-modal').click(function () { const container = $(this).closest('.card-container'); container.addClass('moda.. 2023. 5. 19.
[TIL 2023.05.17] CSS와 jQuery에 대한 이해와 .env…? 💻오늘 배운 내용 jQuery CSS trasition .env? 📖 jQuery 길고 복잡한 자바스크립트 문법을 손쉽게 코딩하도록 간소화한 자바스크립트 라이브러리. 여러 브라우저에서 동작하는 사용하기 쉬운 API를 통해 HTML 문서 탐색과 조작 이벤트 처리 애니메이션 Ajax 등을 훨씬 더 간단하게 만들어준다. jQuery 써서 html 변경하려면 안녕 이렇게 코드 양이 절반으로 줄어들어서 쓰는 것이다. $ 이건 querySelector와 동일하게 사용하면 된다. jQuery 써서 스타일 변경하려면 안녕 이러면 css 스타일 변경이 가능하다. (주의) html 셀렉터로 찾으면 html 함수들을 뒤에 붙여야하고 jQuery 셀렉터로 찾으면 jQuery 함수들을 뒤에 붙여야 잘 된다. $('어쩌구').i.. 2023. 5. 19.
[TIL 2023.05.16] 팀프로젝트 css 수정과 내 컴퓨터의 이미지 파일을 링크화 하기 💻오늘 배운 내용 CSS : cubic-bezier post images에 이미지 업로드해서 링크 만들기 ❓발생한 이슈/고민 여전한 repository 연동 이슈. mian에 있는 파일들을 내 branch에 pull 해오고 싶었는데 왜인지 오류가 났다. 가져오지를 못해! 모달창 내 요소들이 좌측에 몰려있다, 그리고 수직으로 정렬되어 있는 것이 마음에 들지 않았다. 이미지와 팀원소개 텍스트를 나란히 놓고 싶다! 어제 만들었던 모달창 애니메이션 기능이 마음에 들지 않았다 클릭해서 위로 올라오는 모션까지는 좋지만 브라우저 창 전체를 덮어버린 것이 불만! 올라오는 애니메이션이 실행되면서도 페이지 타이틀은 계속 보이게 하고 싶었다. 💡해결과정 main의 파일들을 가져오려하니 “refusing to merge un.. 2023. 5. 19.
[TIL 2023.05.15] git에 대하여 / 팀프로젝트 (소개페이지 만들기) 💻오늘 배운 내용 Git이란? 팀프로젝트 -우리팀 소개 페이지 만들기 GIT 명령어 기반의 인터페이스, CLI(Command Line Interface) 특강을 들으며 앞으로 무수히 마주하게 될 git을 알아봤다. 자주쓰는 CLI 명령어 pwd | 현재 경로 확인 절대경로 | 전체경로 (처음부터 현재까지 모든 경로) 상대경로 | 현재 경로 기준 ('.'으로 나타낸다/'..'은 상위경로) ls -al | 현재 경로의 숨김 파일 및 폴더까지 모두 조회 (앞에 '.' 붙으면 숨김파일) ls | 현재경로의 파일 및 폴더 조회 clear | vash창 클린하게 cat | 파일내용출력 cd | 경로로 이동하기 '..' 상위디렉토리 / '.' 현재디렉토리 / '~' 홈 touch | 비어있는 파일생성 🌟vi 편집기 .. 2023. 5. 19.