Portfolio

남경

history API와 a 태그로 이동하는게 같은건줄알고 사용했다. 아직까지 url만 변경하고 새로고침시에 404에러가 나는부분에서는 왜 그런지 잘 모르겠다. historyAPI의 동작원리를 잘 모르니까 이해가 가지 않는다.


google.com/signin
index
signin

proxy
server => rewrite

npx serve -s

유현

변수에 값 할당, 재할당 시 기존 메모리 공간에 값만 변경되는 줄 알았는데, 새로운 메모리 공간을 확보해 값을 저장한다.

현진

현업에서는 class를 많이 사용할 것이라고 생각했습니다. 하지만 생각보다 취향차이?로 함수를 쓰는 경우도 많은 것 같은데, 현업에서는 개발할 때 어떻게 하나요?


const request = async (url: string) => {
	const response = await fetch(url);

	if (!response.ok) {
		throw new Error();
	}

	return response.json();
}

class User {
	constructor({id, name }) {
		this.id = id;
		this.name = name;
	}

	static new(data) {
		return new User(data)
	}

	get name() {
		return this.name;
	}

	authenticate() {

	}
}

const users: User[] = await request("/users").map(User.new);

users....
users[0].name => //name...

기능이 많아질수록 파일관리가 어려워지는데 이에 대한 팁이 있을까요?


src
.. components
		.. A
		.. B
		.. C
.. utils
.. pages
		.. A.ts
		.. B.ts
		.. C.ts
.. templates

import 
function BPage() {
}

export default BPage; 


users
		components
		pages
	.. UserUpdatePage.
article
		components
		pages
commment
		compt

형진

직장생활을 하면서 화면단은 JSP, jQuery 로만 구현을 하다보니 바닐라 자바스크립트로 구현하는 부분에 있어서 어려움을 겪고있습니다.
코딩테스트, 과제 구현을 하면서 다른분들의 코드와 제 코드를 비교해보니 제가 절차지향에 찌들어있었다는걸 깨달았습니다.

혜경

null 과 undefined의 차이


typeof null -> Object
typeof undefined -> undefined

배열도 사실 객체였다 ㄷ ㄷ

function .. new


if (!new.target) {
	// 1
	return new ()...

	// 2 멘토스픽
	throw new Error();

	// 3
	alert()
}

---

Array() // 1
new Array()

python ???

내가 알던 지식과 달랐던 개념