inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

동물 앨범 만들기-1-1

동물앨범만들기 코드 에러문의드립니다!

해결된 질문

93

안연수

작성한 질문수 8

0

동물 앨범 만들기 3차 까지 들어서 라이브 코드를 작성하였지만, 강의 내용에서 나오는 웹 실행화면이 출력되지 않고 있습니다.

또한, 강사님의 깃 주소에 있는 코드들을 그대로 실행해도 강의 내용처럼 나오지 않습니다.

강사님이 동물 앨범 만들기 2차 때는 1차에서 작성한 각 동물들의 js파일과 html 파일을 삭제하라고 하셨는데, 막상 1차때 작성한 파일들을 삭제하니까 동물 사진이 웹에 출력되지 않아서 다시 기재하였습니다

그래서, 강사님의 깃 주소에는 1차와 2차, 3차 코드는 중복되게 작성하면 안되는 건가요?

강사님처럼 웹 화면에 출력될려면 3차 코드만 있으면 되는 건가요?

왜 3차 코드만으로 강의 내용처럼 출력이 안되는 걸까요?
1차, 2차, 3차의 모든 코드들을 융합해서 작성해야하나요?

다음 강의 node.js와 express.js를 진행할 수 가 없어서 급하게 문의드립니다!

화면 캡처 2025-06-10 092343.png.webp

 

화면 캡처 2025-06-10 092703.png.webp

!

javascript rest-api spa dom

답변 1

1

효빈 Hyobin

안녕하세요 🙂

1차, 2차, 3차 코드가 동물 앨범 만들기-1, 동물 앨범 만들기-2, 동물 앨범 만들기-3 을 말씀하시는 걸까요??

동물앨범 만들기-2 강의에는 동물 앨범 만들기-1 에서 작성한 모든 파일을 삭제하는 것이 아닌,
index.html 파일과 index.js 파일을 제외한 모든 파일을 삭제하라고 안내하고 있으며,

동물앨범 만들기1, 2, 3 강의는 전부 다른 방식으로 코드를 작성하기 때문에, 강의에서 안내하는 방식에 맞게 폴더를 다시 생성해서 코드를 작성하시는 것을 추천드립니다!

콜백 함수 메서드 등록

0

82

2

ssr방식 경험

0

75

1

compare 함수 설명에 오해의 소지가 있어보입니다.

0

83

2

API를 비동기 처리하는 이유가 끊겨서 그런건가요?

0

97

2

DOM 트리 보는 곳

0

81

1

배열과 객체의 구조분해할당 방법이 다른 이유

0

82

2

배열 메서드가 순수 함수인지 확인하는 방법

0

72

2

콜백 함수의 매개변수로 _를 쓰는 이유가 무엇인가요?

0

71

2

콜백 함수의 매개변수는 어떻게 구분되나요?

0

59

1

호이스팅 안쓰는게 좋나요?

0

54

2

함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?

0

82

2

?. 연산자는 자바스크립트 연산자인가요?

0

47

1

JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?

0

83

2

자바스크립트 질문

1

103

2

동물앨범만들기 1-1 api 오류

0

54

2

CityList개발-handleLoadMore함수질문

0

71

1

객체와 배열의 const 차이

0

46

1

const 객체/배열 차이

0

63

2

header 개발 새로고침 오류

0

67

2

Promise 객체

1

58

2

cityList 렌더가 안되는 문제

0

55

2

init 함수 앞에 await

1

66

2

동물 앨범 만들기 pushtState 관련

0

60

2

동물 앨범 만들기 사진 관련 문의

0

75

2