Tech notes

연습문제는 따로 포스팅 안 하는데 이번엔 좀 재밌는 과제가 나왔길래 생각난 것들이랑 이것저것 메모도 할 겸 올려본다 🟠 Find Your Hat 커맨드 라인 게임 Find Your Hat | Codecademy Codecademy is the easiest way to learn how to code. It's interactive, fun, and you can do it with your friends. www.codecademy.com (현재 프로멤버십 이용중이라 유료 문제일지도 모름) 필드에 hole과 hat이 있고 유저가 hole을 피해서 hat까지 도착해야하는 게임이다. 이렇게 커맨드에 이미지를 나타내는 프로그램은 만든 적 없어서 처음엔 그거 자체가 부담이었던 ㅋㅋ 아직 보완해야할 점이 많지만..

IT/Javascript 2020. 10. 14. 17:10

Async Await 비동기 처리를 위한 문법 (프로미스의 상위 버전이란 느낌) 가독성과 확장성을 향상시킴 syntactic sugar Async 사용법 💡 async는 그 함수가 비동기적임을 나타내는 키워드이다. 다음처럼 function declaration 앞에 async를 쓰거나 async function myFunc() { // Function body here }; myFunc(); function expression도 async로 만들 수 있다 const myFunc = async () => { // Function body here }; myFunc(); async 함수는 항상 프로미스를 리턴한다 따라서 .then()이나 .catch같은 기존 프로미스 문법을 쓸 수 있음 함수에서 리턴된 것이..

IT/Javascript 2020. 10. 12. 16:45

프로미스 asynchronous operation (비동기 처리)은 다른 작업이 완수되는 동안 다른 일로 넘어가는 것 예를 들면 network request나 querying a database 같이 시간이 걸리는 작업들을 기다리지 않고 다음 코드를 실행하는 것이다. Promise는 비동기 처리의 결과를 나타내는 객체 프로미스의 상태에는 다음 세가지가 존재할 수 있음 대기 Pending : 초기 상태 - 비동기 처리가 아직 안 끝남 이행 Fulfilled : 비동기 처리가 완료되어 프로미스가 결과 값을 반환해준 상태 거부 Rejected : 비동기 처리가 실패한 상태 프로미스가 더 이상 대기 상태가 아니라면 확정(settled)되었다고 한다. 그 상태는 이행(Fulfilled)이거나 거부(Rejected..

IT/Javascript 2020. 10. 7. 08:49

Modules 자바스크립트에서 모듈이란 한 프로그램에서 추출되어 다른 프로그램에서 재사용가능한 코드 조각 💡 모듈을 쓸 때의 장점 코드의 버그를 찾고 고치기가 더 쉬워짐 애플리케이션의 다른 부분에서 정의된 로직을 재사용 가능 정보를 안전하게 지키고 다른 모듈로부터 보호함 전역 변수의 이름 설정으로 인한 문제들을 예방함 module. exports : 모듈 내보내기 Node에 있는 자바스크립트 파일들은 module 객체와 exports라는 속성을 갖는다. exports는 무엇이 파일에서 내보내져야 하는지 정의한다. 다음은 모듈을 어떻게 정의하고 내보내는가에 대한 예시이다. let Menu = {}; Menu.specialty = "Roasted Beet Burger with Mint Sauce"; modu..

IT/Javascript 2020. 9. 29. 11:53