인프런 커뮤니티 질문&답변

안녕하세요 선생님. wordRelay 강의 잘 수강하였습니다. 강의를 다 수강한 뒤에 복습하고자 수업 진행했던 코드를 처음부터 다시 따라 치던 와중에 끝말잇기 게임 타이틀과 단어 입력창, 확인 버튼 밑에 Spacer를 따로 넣지 않고 List만 넣어도 위치가 원하는대로 위로 올라가는데, 그럼 Spacer는 따로 넣어주지 않아도 되는건가요? Spacer를 넣는 것과는 어떤 차이가 있나요?

import SwiftUI

struct ContentView: View {
    
    let title: String = "끝말잇기 게임"
    @State var nextWord = ""
    @State var words: [String] = ["Apple", "Elsa", "Alin"]
    @State var showAlert: Bool = false
    
    
    var body: some View {
        VStack {
            Text(title)
                .padding(.horizontal, 12)
                .padding(.vertical, 16)
                .font(.title)
                .bold()
                .background(
                    RoundedRectangle(cornerRadius: 15)
                        .fill(.purple)
                        .opacity(0.3)
                        .shadow(radius: 5)
                )
                .padding(.top, 10)
        }
        
        HStack {
            TextField("단어를 입력하세요", text: $nextWord)
                .padding()
                .background(
                    RoundedRectangle(cornerRadius: 10)
                        .stroke(lineWidth: 2)
                )
            Button(action: {
                
                if words.last?.last?.lowercased() == nextWord.first?.lowercased() {
                    words.append(nextWord)
                    nextWord = ""
                } else {
                    showAlert = true
                    nextWord = ""
                }
                
            }, label: {
                Text("확인")
                    .foregroundStyle(Color.white)
                    .padding()
                    .background(
                        RoundedRectangle(cornerRadius: 10)
                    )
            })
            .alert("끝말이 이어지는 단어를 입력하세요", isPresented: $showAlert) {
                Button("확인", role: .cancel) {
                    showAlert = false
                }
            }
        }
        .padding(.horizontal)
        .padding(.top)
        
        List {
            
            ForEach(words.reversed(), id: \.self) {
                word in
                Text(word)
                    .font(.title)
            }
            
        }
        .listStyle(.plain)

// 선생님은 여기에 Spacer()를 넣으셨는데
// 입력하지 않아도 타이틀과 단어 입력창의 위치가
// 위로 올라갑니다
    }
}

#Preview {
    ContentView()
}