728x90 티스토리챌린지21 this & arrow function 연습문제 3개 + 해설 1. 간단한 메소드 만들기사람이라는 오브젝트가 하나 있습니다. 이 오브젝트에 sayHi라는 함수를 (메소드를) 하나 추가하고 싶습니다. 내가 푼 답: var 사람 = { sayHi : function(){ console.log("안녕 나는 손흥민")}, name: '손흥민',}사람.sayHi();var 사람 = { name: '손흥민',}사람.sayHi(); //안녕 나는 손흥민 위의 코드처럼 사람.sayHi()라고 작성하면 콘솔창에 '안녕 나는 손흥민' 이라는 글자가 나와야합니다. '손흥민'이라고 이름을 하드코딩해서 출력하기보다는실제 내 오브젝트에 있는 name에 해당하는 값이 출력되면 참 좋을 것 같군요. Q. sayHi()라는 함수를 어디서 어떻게 만들면 될까요? 이렇게 써 줌.이렇게 쓰면 콘솔.. 2024. 11. 27. Arrow function은 function을 대체하는 신문법이 아님 ES6 문법 이후부터는 자바스크립트에서 함수를 만들 수 있는 문법이 새롭게 하나 등장했습니다. arrow function 이라는 문법인데 이걸 이용하시면 함수를 만들 수 있습니다. 그냥 기존 function () {} 이게 있는데 왜 새로 추가했냐고요?지금부터 알아보도록 합시다. 함수 만들 수 있는 또 다른 방법이 몇 가지 있음. 저런식으로 함수를 만들어봄.= var 함수1번이랑 2번이랑 똑같은 의미라고 보면 된다.함수() 라고 쓰면 함수가 실행될 것. Arrow function 문법 자바스크립트에선 함수를 이런 식으로 만들어서 사용합니다.(1)function 예쁜함수(){ //어쩌구}(2)var 예쁜함수 = function(){ //어쩌구}함수는 (1) 또는 (2)처럼 만들고예쁜함수(); 이렇게 .. 2024. 11. 26. Next.js의 Server actions 기능 DB에 데이터를 저장, 수정 등을 하고 싶으면 당연히 서버를 거쳐야합니다. 그래서 page.js에 같은 것도 만들고 서버 파일로 이동해서 거기에 API도 작성해놔야하는데그게 귀찮으면 그냥 page.js 안에서 전부 해결할 수 있는 기능도 있습니다. Server actions 기능인데 Next.js 13.4 버전 이후부터 사용가능하고 어떻게 쓰는지 알아봅시다. 사전작업 1. Next.js 13.4 버전 이상에서만 작동해서package.json 파일 열어서 'next' 부분 버전숫자가 13.4.0 이상으로 되어있는지 확인합시다.아니라면 직접 13.4.0 혹은 그 이상으로 수정하고 저장하고 터미널 열어서 npm install 입력합시다. 2. next.config.js 파일 열어서 아래와 같은 코드를 추가해야.. 2024. 11. 25. [Next.js] AWS 이용 및 세팅 회원가입하기사이트 이동https://aws.amazon.com/ko/free/?gclid=CjwKCAiAl4a6BhBqEiwAqvrqusP6yuLvwui5GIVN2T-_WJZYq-WtNTeGacTXqhGGDu6tzwnqT3iBYhoCWaoQAvD_BwE&trk=bdc27120-6d06-4bae-9be1-22d07b8ec0a7&sc_channel=ps&ef_id=CjwKCAiAl4a6BhBqEiwAqvrqusP6yuLvwui5GIVN2T-_WJZYq-WtNTeGacTXqhGGDu6tzwnqT3iBYhoCWaoQAvD_BwE:G:s&s_kwcid=AL!4422!3!444218216120!e!!g!!aws%20console!10287751098!99328588021&all-free-tier.sort-by=it.. 2024. 11. 24. Typescript 필수문법 10분 정리와 설치 셋팅 (Vue, React 포함) 타입스크립트 쓰는 이유웹개발자 채용공고보면 타입스크립트가 항상 보입니다.규모가 좀 있는 곳들은 거의 타입스크립트를 요구스펙에서 빼놓지 않고 기입하는데모른다고 그리 걱정할건 아닙니다. 왜냐면 정말 별거 없어서 그렇습니다. 타입스크립트는 자바스크립트의 타입부분을 업그레이드해서 사용하고싶을 때 설치해서 쓰는일종의 자바스크립트의 대용품입니다.완전 다른 언어는 아니라 자바스크립트 문법 그대로 이용가능한데 타입문법을 업그레이드해서 쓸 수 있습니다. 왜냐면 자바스크립트는 타입에 관대합니다.5 - '3' 이렇게 숫자와 문자를 연산해도parseInt([1,2,3]) 숫자로 바꿔주는 함수에 뭔가 이상한걸 넣어도 아무런 제지가 없습니다.=다 가능지가 알아서 타입을 바꿔주기 때문입니다. (멋있는 말로 자바스크립트는 Dynam.. 2024. 11. 23. Flutter에서 박스 디자인하는 법 (margin, padding, 정렬) 오늘 새로 배울 내용은 margin, padding, SizedBox() 입니다.숙제 알아서 잘 해온 분들은 앞에 새로운 내용만 배우고 스킵하면 됩니다.저번시간에 저런 레이아웃 만들어 오라고 했는데scaffold 써서 만들면 좀 더 쉬울듯. (직접 컨테이너로 세 개 배치하는 것 보단) 우선 3개의 파라미터를 집어넣어봄. appBarbodybottomNavigationBar 이러면 상/중/하 로 나뉘어준다. title 을 집어넣었더니 제목이 잘 뜸.- 구글로 title 찾아봄. body 안에는 아무것도 없어서 대충 텍스트로 채워넣음.bottom 에는 bottomAppbar 사용. 이거말고 다른 것도 집어넣을 수 있다. bottomAppbar 안에는자동완성으로 보면 child 라는 것도 집어넣을 수 있다.. 2024. 11. 22. 이전 1 2 3 4 다음 728x90
