23.10.26 TIL 혼공스 & 팀 과제

혼공스

 

먼저 혼공스 강의를 보기로 했다.

 

어제 밤에 갑자기 뭐 하지 하다가 코테를 풀어봤는데

 

은근 도움이 되는 것 같았다. 그러다가 막히니까 엄청 근데 시간은 지체되는데 잘 모르겠어서

 

오늘은 혼공스를 보기로 했다.

 

같은 것을 또 반복하는 거는 나에게 약간 지루함을 더하는 일인 것 같아서

 

그냥 새로운 강의를 보는 것이 나을 것 같다고 잘 하시는 조원님께서 그러셨다.

---

간단히 인상 깊은 내용 정리

 

표현식 = js에서 값 만들어내는 간단한 코드 -> 별 거 아니네

=> expression : 표현 (어구)/ 표출 등 대충 그런 뜻인 듯 어구와 관련 된 뜻으로 쓰는 듯

 

하나 이상의 표현식( expression ) =  문장 (statement): 대충 서술 이런 뜻인 듯

 

sentence -> 자연어는 문장 이렇게 쓰는데

프로그래밍에서는  statement 이렇게 씀

 

문 is 문장

ex) for문, if문 , 무슨 문 뭐슨 문 등등

---

키워드

 

자바스크립트가 처음 만들어질 때 정해놓은 특별한 의미의 단어들
-> 계속 업데이트 되고 있음

-> 다 외운다기 보다는 계속해서 예제를 만들어보며 익히는 방식으로 가는게 좋다

 

abstract	arguments	boolean	break
byte	case	catch	char
const	continue	debugger	defaultabstract
delete	do	double	else
eval	FALSE	finalabstract	finally
float	for	function	goto
if	implements	in	instanceof
int	interface	let	long
native	new	null	package
private	protected	public	return
short	static	switch	synchronized
this	throw	throws	transient
TRUE	try	typeof	var
void	volatile	while	with
yield

 

ECMAScript5 New Keywords

class	enum	export	extends
import	super

https://www.w3schools.in/javascript/keywords/

Keywords in JavaScript

---

식별자

 

로 쓸 수 있는게 있고 없는게 있다

 

-> 규칙

1)키워드 ㄴ  -> const, let , var /true, false 이런게 키워드

2)숫자 ㄴ

3)특문 _ $ 만 ㅇ

4) 공백 문자 ㄴ

 

일반적 관례

1)알파벳 사용

2)의미 있는 단어 사용

 

뒤에 단어 대문자 쓰는거

createMap -> 이런게 카멜 케이스라고 함 자주 쓸 듯

---

식별자 종류

구분	단독으로 사용	다른 식별자랑 사용
식별자 뒤에 () X	변수	속성
식별자 뒤에 () O	함수	메소드

 

alert('Hello World')	함수
Array.length	속성
input	변수
prompt ('Message','Defstr')	함수
Math.PI	속성
Math.abs(-273)	메소드

 

 

https://github.com/facebook/react/blob/main/ReactVersions.js

 

이 링크로 들어가서

 

주황색 + true/false는 키워드이고

나머지 이름은 전부 식별자다 라고 보면 된다.

 

 

아오... 헷갈리...

console.log('안녕하세요')

// 콘솔은 식별자다. 로그는 식별자이면서 앞에 뭔가를 쓰고있고 뒤에 괄호 있어서 메서드다
//콘솔은 또 변수다..? , log는 메서드다. 

 

alert('hello')
//경고창을 출력 합니다. 알러트 함수.
단독으로 사용되고 뒤에 괄호가 있기 때문에 함수

 

---

저녁 js 보충 특강 

 

보충 특강 추후 작성 예정

 

열받았다 이해가 안 되는 부분이 있었는데 후반부에 너무 집중이 안되어서

 

아 근데 질문하기가 조금 그랬다 콜백 함수 무조건 알아낸다

 

---

팀 과제

 

참말로다가 이제 시작하였다

 

무지성 깃풀오리진메인 해가지고 막 받아왔는데 스피커가 안들려가지고;; ㅉㅆ......

 

아모톤 그래도 일단 괜찮다고 해서 일단 진행

 

침팬지(가명)님이 오늘은 알려주셨다. 

https://pachyuchepe.tistory.com/

대충 끄적여보는 공개처형 일기장

 

다형님은 담임선생님 같은 분이고

 

(침팬지)님은 잘 가르쳐주시는 가끔 뵐 수 있는 선생님(?) 비유가 안 떠오른다

---

1. 폰트변경 -> 그냥 구글폰트 변경하면 된다.

 

2. 언어 변경시 상세페이지 이미지 변경 -> 이게 어느정도 되어 있어서 아쉽게도 보고 따라서 했는데,

제대로는 상세페이지 제목을 영어로 바꿔주는 것을 해보면 좋을 것 같다.

 

3. 배우 포스터 변경
profile_path ->   poster_path 로 들어갔는데

이게 조금 이상하다. 크롬에서 관리자 도구에서 확인해보면

poster_path도 이미지를 불러오는 url 로 뜬다.

이미지도 잘 보인다.

 

뭣이 문제지 침팬지 선생님이 콘솔로그를

아래에서 부터 차근히 하나씩 해보니 위에서 아무튼 언디파인드가 떴다.

그래서 profile_path 를 넣으면 잘 될까? 하고 넣었더니 null 값이 나왔다.

아무튼 !==null 이면 출력해주라 이런 거 였어서

언디파인드 값 , 그냥 주소가 있는 곳에도 다 출력이 됐던 건데,

그래 그러면 if(~ !==null){ 링크 } 하고 else { null 이미지 링크 } 하자

하려 했는데 또잉 null 이 아니라 언디파인드 값이 있어가지고 안 먹혔다.

신기방귀 다시 정리해서 올릴 예정 데헷데헷

 

-> 오늘 특강을 통해 배운 것, 언디파인드는 ㅠㅠ 자바스크립트에만 나타나는 것 같다 ㅜㅜㅜ

 

4.