분류 전체보기 (75) 썸네일형 리스트형 비동기 이벤트 동작원리 / call stack, web api , call queue ,event loop 비동기 이벤트 동작원리 console.log('시작') -> call stack [ settimeout ](보관) -> web api ( 비동기 함수 보관, 아직 일정시간이 안지나서 남아있음 ) -> call queue ( 일정시간이 지나면 옴 ) -> event loop ( call stack 에 뭐가 남아있는지 확인 후 call stack 으로 내보냄 ) -> call stack '시작' 실행 api 코드의 의미 / 응답코드 5가지 api 코드의 의미들 https://wabhistory-book.tistory.com/manage/newpost/?type=post&returnURL=%2Fmanage%2Fposts%2F scheme Authority Path Parameters +++. 알아두면 유용한 응답 코드들. 모든 HTTP 응답 코드는 5개의 클래스로 구분 / 상태 코드의 첫 번째 숫자는 응답의 클래스를 정의한다. 1xx (정보): 요청을 받았으며 프로세스를 계속한다 2xx (성공): 요청을 성공적으로 받았으며 인식했고 수용하였다 3xx (리다이렉션): 요청 완료를 위해 추가 작업 조치가 필요하다 4xx (클라이언트 오류): 요청의 문법이 잘못되었거나 요청을 처리할 수 없다 5xx (서버 오류): 서버가 명백히 유효한 요청에 대.. 현업에서 git 사용되는 명령어 모음 git push git add . git commit -m "수정블라블라" git push -u origin (main or branch) git fetch -> git pull -> git diff javascript css 속성 관리하기 (삭제) javascript css 속성 관리하기 javascript 에서 css 삭제 하는 방법은 removeProperty( ) 를 사용하면 된다. code { width : 100px; height : 100px; color : red; } 위의 코드가 있는데 안에서 color값만 지우고 싶으면 document.querySelector('.code').style.removeProperty('color'); 이렇게 작성하면 된다. return, breack문 차이 요약. return은 함수자체를 중단, (함수에서 탈출, 메서드에서 빠져나감) breack는 반복문 루프(if, while, else if) 에서 빠져나와서 다음 작업을 실행. switch문 사용법과 언제사용하는지? else if 와 비슷한 switch switch (text) { case 오늘 : today; break; case 내일 : tomorrow; break; ... default: 실행문n; break; } text 자리는 표현식 : 옆은 실행문 이다. switch문은 조건이 맞으면 실행시켜주는 아이. 예를들면 오늘이 today가 맞으면 실행, 내일이 tomorow가 맞으면 실행 이라고 보면된다. 대신 여기에 default, break가 필수로 들어가야 하는데 원하는 결과가 나오면 중단 할 수있는 것이다. 그래서 switch 문은 보통 else if가 반복될때 사용된다. else if 가 길어지면 가독성에 문제가 있기때문에 return 구문으로 끊어주는것도 많이들 사용한다고 한다. 또한 객체로 값을 만들어주고 그 값을 맵핑해서 꺼내오는 작.. javascript new 를 사용하는 이유 new 를 사용하는 이유는 기존에 있던 인스턴스 (객체)의 다른 저장소를 만들어 낼수 있고, 예기치 못한 동작이 발생하는 현상을 줄이기 위해서 사용된다. 메모리 할당: new 키워드를 사용하여 인스턴스를 생성하면, 해당 인스턴스를 저장할 메모리 공간이 할당되어 독립적인 메모리가 생긴다. 이렇게 하는 이유는 원본 손상 방지때문 생성자 호출: new 키워드를 사용하면 클래스의 생성자(constructor) 함수가 호출됩니다. 생성자는 인스턴스를 초기화하는 역할을 한다. 생성자 내부에서는 인스턴스의 초기 상태를 설정하거나 필요한 리소스를 준비할 수 있다. javasctipt 로 간단한 퀴즈만들기 select 지정하는법과 클릭횟수 저장방법, 변수에 저장하기! 리액트를 해왔던 내가 실무에서 주어진 코드가 바닐라 자바스크립트.....라는걸.... 알고난 후 다시 자바스크립트 강의를 듣고 있다. 듣는중 재미있는 퀴즈를 간단히 만들어봐서 기록한다. 이 퀴즈를 통해서 변수에 저장해서 클릭횟수나, 정답 입력횟수를 알려줄수 있다는걸 배웠다! html 은 아래와 같다. 태조이성계가 태어난 연도는? 제출 우선 count를 초기값 0으로 만든다. (저장소) -> 이걸 만드는 이유는 3번 틀리면 멍청이를 띄워야 하기때문! 그다음 클릭 이벤트 함수를 만들고 그안에 answer에 입력된 값을 유저답안 변수에 넣고 만약, 유저답안이 1335 와 같으면 alert으로 성공이라는걸 띄워줘 만약 3번 이상이거나 유저답안과 틀린 답이면 멍청아를 띄워줘 라는 이야기다. var count = .. redux ? tookit? 어떻게 사용하고 이게 뭐야? useSelector는? react를 사용하다보면 redux라는걸 많이 들어봤는데 간단정리를 해놓자! redux란 useState의 기능과 비슷한 거라고 생각하면된다. (잠시저장의 너낌쓰) props를 하면 부모 -> 자식관계로 만 전달이 가능한데 이게 대규모 프로젝트가 된다면 하나하나 props를 해주기 번거로우니 따로 폴더안에 저장을 해서 필요할때마다 꺼내쓰면 된다. 그럼 props를 왜 사용하냐? 둘의 차이는 소규모 프로젝트는 그냥 props를 사용하면 편리하다 큰 프로젝트시 redux를 사용하자 왜? redux를 사용하는 문법이..ㅎㅎ 상당히 길어서 그렇다. 우선 redux 설치법과 사용법은 아래에 적어두자. 터미널에 아래 코드 작성 [ 오류가 가끔뜨는 경우는 react의 버전이 맞지 않기때문 대부분 버전문제이니 확인 필.. fly.io 이용해서 서버 배포 및 설정 하기 서버 관련 해서 엄청난 검색을 시도해봤다. 처음 hiroku에서 시도해봤는데 배포 실패하는 경우도 많았고, 결론적으로는 hiroku가 유로 서비스로 전환되고 없어질것 같은 너낌이라 flyio를 사용해봄 총 12번의 ㅎ 실패끝에...드디어 배포 성공 잊지 않기 위해 기록해두었다. 필요하신분들...가져다 쓰세요 꼭 성공하시길 ㅠㅠ 이 게시글 덕에 성공하신분들은 ㅎㅎㅎㅎㅎ구독눌러주세효 : )헤헤 폴더 루트 설정해주기 해당 폴더 visual code에서 열고 터미널에 아래 코드 순차적으로 작성 App 폴더에서 시작 iwr https://fly.io/install.ps1 -useb | iex flyctl auth login flyctl launch Homepage에서 결제수단 설정 아래 코드로 launch 해주기.. 이전 1 2 3 4 5 6 7 8 다음
