TIL : 파이썬 문법, JS 끝말잇기 게임

Today, What I learned?

파이썬 문법 강의를 들으며 기초 문법을 익히고,

오후에는 바닐라 JS로 끝말잇기 게임을 만들어 보았다. (아직 에러 처리 중이지만!)

파이썬 문법은 원래 살짝만 알고있었던 터라 새롭게 알게 된 부분을 정리해본다.

 

 

Python

파이썬 문법을 배우며 느낀 것은 들여쓰기가 정말 중요하다는 것과!...
자바스크립트 문법에 익숙해져있다보니 자연스럽게 js 문법으로 써놓고 아차 싶은 경우가 많다는 것...
('===' 연산자나 if문 괄호 등등)

 

f-string

자바스크립트의 템플릿 리터럴 같은 녀석이다.
f'코드'로 문자열 안에 변수를 편하게 넣을 수 있다.

for s in scores:
    name = s['name']
    score = str(s['score'])
    print(f'{name}의 점수는 {score}점 입니다.')

 

lambda

함수를 보다 간단하게 표현할 수 있는 람다 함수.
매개변수를 입력하고 콜론 뒤에 매개변수를 이용한 동작을 넣는다.

map을 이용해서 아래와 같이 성인을 판별하는 코드를 짤 수 있는데,

def check_adult(person):
    return '성인' if person['age'] > 20 else '청소년'

result = map(check_adult, people)
print(list(result))

 

람다 함수를 이용하면 이렇게 짧아진다!

result = map(lambda x: ('성인' if x['age'] > 20 else '청소년'), people)
print(list(result))

 

 

끝말잇기 게임

이미지 왜이렇게 작지

gif로 변환했는데 이미지 왜 이렇게 작은지.. 😇

부트스트랩을 SCSS로도 이용할 수 있어서 html, SCSS, js를 이용해서 구현해보았다.

일단 현재까지 구현한 기능은 이렇다.

 

 

1. 참가자 수에 따라 동적으로 입력창 렌더링

프롬프트로 받은 숫자에 따라 입력창을 생성하도록 했다.

 

 

 

2. 단어를 입력했다면 disabled 처리, 유효성 판단

이전 단어 끝 글자, 새로 입력한 단어 첫 글자를 비교하는 함수.
문자열을 컨트롤할 수 있는 메서드들 중에 substr 메서드를 이용했다.

일치여부 확인

 

 

3. 이미 작성했다면 수정 불가능

이미 작성한 것도 제대로 작성해달라는 alert 창이 뜨는 버그가 있어서 disabled 어떻게 확인하지?.. 하다가 hasAttribute를 알게 되었다.

 

 

그 외 추가적으로 한글이 아닌 경우에 대한 유효성 검사와,

현재 이벤트 리스너 안에 꽤 많은 코드들이 있어서 이걸 리팩토링 해야겠다 싶다!