본문 바로가기
728x90

분류 전체보기530

Expanded, Flexible & 상품 레이아웃 숙제 보호되어 있는 글 입니다. 2024. 12. 3.
플러터 Typography & 알아서 레이아웃 잘짜려면 보호되어 있는 글 입니다. 2024. 12. 3.
변수 신문법 총정리 1. var let const와 선언,할당,범위 보호되어 있는 글 입니다. 2024. 12. 2.
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.
728x90