TIL9 : 내가 만든 코드(이해도 부족)

1. 메인 페이지 각자 맡은 역할

 

쿠키를 사용한 방문자 수<코드>

1.localStorage를 사용하여 쿠키를 살피고 방문횟수를 증가시키는 코드

 

----------------------------------------------------------------------

가. JS 메소드와 git의 이해부족으로 검색 의존

1) 다양한 JavaScript 메소드에 대한 이해가 부족하여 검색을 통해 문제 해결

2) 이를 보완하기 위해 TIL(Today I Learned)에 메소드들을 정리할 필요성 느낌

나. Git 사용의 어색함과 불편함

1) Git 사용 경험이 부족하여 익숙하지 않고, 효율적인 활용이 어려움

2) 더 자주 사용하고 다양한 문제 해결 방법을 기록하여 익숙해질 필요성 인식

다. java spring

1) java spring을 사용한다면 더 좋은 코드를 작성할 수 있다고 여겨지기에 추후에 수정

이 필요하다고 여겨짐

라. 해결 방향

1) TIL 정리 습관화: 자주 사용하는 JS 메소드 및 개념 정리

2) Git 활용 연습: 실습을 통해 다양한 Git 명령어 및 문제 해결법 익히기

3) 문제 해결 과정 기록: 검색한 내용과 해결 방법을 문서화하여 재사용 가능하도록 정리

----------------------------------------------------------------------

2. 개인 페이지 기능 소개

가. 개인 페이지 간략 소개

1. 로딩페이지

2. home: 이름 구현

3. about: 저에 대한 간략적인 설명

4. food: 제가 여행가서 먹은 음식

5. goal: 부트캠프를 듣는 저의 목적 및 태도에 대해 작성

나. 문제 해결 방법

우선 본인이 원하는 구현방식과 유사한 타인의 사이트에서 js를 확인하고, 타인의 코드와

본인의 코드를 비교하여, 차이가 무엇인지 알아보고 각각의 메소드의 장단점을 검색함으로

문제를 해결하였다.

다. 주요 기능 및 구현 방법

 

1.타이핑효과: DOMContentLoaded 후 setInterval()을 이용해 한 글자씩 출력

.

1.슬라이드 기능: .slides 요소를 조작하여 좌우로 이동하는 슬라이드 구현.

2.이동 계산: slideWidth(300px) + slideMargin(30px)을 기준으로 이동 거리 설정.

3.moveSlide() 함수: left 속성을 조정하여 슬라이드를 이동.

4.이전/다음 버튼: 클릭 시 currentIdx를 변경하여 슬라이드 이동, 무한 루프 효과 적용

 

자세한 코드는 여기에서!!!! 또한 나도 내일과 주말엔 확인 필수

https://github.com/crocusia/sparta_spring6-team16-_week1

GitHub - crocusia/sparta_spring6-team16-_week1: 스파르타 내일배움캠프