이래도 될까? / 흠... 어쩌면?? 가능할지도?? 자바스크립트 맛보기전체 요약논리 문자의 변환에 관하여자료형 변환을 활용한 예시1)상수 rawInput에 promt으로 먼저 값을 저장한 후, 다른 상수를 선언한 후에 숫자형으로 변환하였음. 자료형 변환을 활용한 예시2
/매니저님의 동기부여....에 뻘쭘\~~ /말만 앞서지 않길.... /아, 항해99에서는 이렇게 공부하는 구나 /가장 쉬우면서도 가장 중요한 조건문 파트!위의 사진은 if와 else가 함께 사용된 대표적인 예시 위의 사진은 if else if의 대표적인 예시 swit
/오늘은 밍글데이 /깃에 대해 짧게 배워봤음/깃허브에 커밋하는 방법들이 굉장히 다양하구먼~/나중에는 터미널도 사용할 수 있겠지?버전관리를 한다는 건 어떤 의미일까?버전관리를 한다는 것은 프로젝트 상태가 변경되는 정보를 알고 있다는 것입니다. Git 은 commit 을
/배열에 대해 알아보자 / 반복문에 대해 알아보자 /새로운 개념 자료의 비파괴와 파괴를 알게 되었다 /이렇게 프로그래밍의 세상은 다양하다니! 대표적인 배열 선언참고로 fruitsx -> 배열의 순서를 지정해서 저장시킬 수 있음(인덱스는 도서관에서 책이 꽂힌 순서라고 볼
소스트리에서 설정을 클릭한다소스트리 탭에서 '+'를 누르고 clone 을 누른다. 그리고 해당 항목에 깃허브 경로를 입력해준다.
/함수는 신기해 /함수가 본격적인 자바스크립트의 시작인듯?/나머지 매개변수, 전개 연산자 라는 게 있다니 놀라워\~~ 함수의 기본형태: function( ) { }익명함수의 대표적인 예시 코드 선언적 함수의 대표 예시 코드대표적인 매개변수와 리턴값을 갖는 함수의 형태매
/브런치와 Merge를 알아보자, 기본 중의 기본이니깐/브런치 살짝 써봤음. / Merge 는 오늘 처음 새로 배우는 기능임.\- 해결방법은 간단하다 해당 파일을 수정해주고 Merge 하는 브런치에다가 다시 커밋 하면 됨.
/시작부터 몰아치는 것이 항해의 일상이라니~.... /꿈이 너무나도 컸다 로그인 기능과, 파일업로드 기능 /그래도 어찌저찌 프로젝트를 완료 했다니....프로젝트 완성 사이트-> 풀스텍 프로젝트api 경로를 잘못 잡아 댓글 기능이 show가 되지 않았음삭제버튼을 눌렀을
1. 오늘 공부 핵심 키워드 /몰아친 후 새로운 배에 승선하였음. /혼자만의 시간을 가집니다 2. 자바스크립트 자료형과 자바스크립트만의 특성 1) 자바스크립트만의 특성 - 스크립트언어란?: 소프트웨어를 제어하는 컴퓨터 프로그래밍 언어를 가리킨다. 스크립트 프로그래밍
/헷갈리는 함수 알아보기/slice, splice 으으으 둘 다 배열에 손을 대는 건데...slice(첫번째 인자는 시작 인덱스, 두번째 인자는 시작인덱스부터 종료 인덱스까지)slice는 음수를 사용할 경우 두번째 인자를 생략하고, 배열의 뒤에서부터 n번째까지 복사하여
/객체를 공부하자/하라는 알고리즘은 하지 않고 기초문법을 공부하는 나 객체가 아닌 것 ex) 숫자, 문자, 논리형 자료들 위 예시에서 '키:' 는 '제품명', '속성:'은 '7D 건조 망고'Product'제품명' -> 7D 건조 망고대괄호를 통해 접근할 수 있다Pr
/배열을 정리할 때 유용한 메소드들/sortsort 메서드는 배열의 요소를 정렬한다. 원본 배열을 직접 변경하며, 정렬된 배열을 반환한다. 같은 방법으로 .reverse를 사용하면 요소를 내림차순으로 정렬할 수 있다. 숫자 요소로 이뤄진 배열을 정렬하려면 , sort는
1. 오늘 공부 핵심 키워드 /객체에 대ㅔ해서 더 알아보자/ 기본자료형과 객체 자료형 /객체의 속성이란?? 2. 객체의 자료형들 - 기본 자료형: 숫자, 문자열, 논리형(불) - 객체 자료형: 함수, 배열 이외의 전부 3. 객체 자료형 - 속성과 메소드를 가진 것
// 리액튼 나도 시작한다 //이렇게 공부해도 되는 걸까?// 초기 설정하는 거 조금 까다롭네....// 컴포넌트는 쉬운데... props는 쉬우면서도 헷갈리네...npm과 yarn 모두 소프트웨어 패키지를 설치하는 프로그램이지만, 패키지가 완전히 설치 될 때까지 기다
1. 오늘 공부 핵심 키워드 // 구조분해 할당을 이해함. 구조분해 할당은 객체 다중할당과 비슷한 거였음 // useState 너는 누구냐아아~!! // html을 다르게 적다보니 너무 익숙하지가 않타아아아.... // 과제도 해야 하는데.... 2.
//DOM이란 무엇인가????/DOM과 HTML은 다르다구???DOM이란?: HTML과 밀접한 연관이 있지만, HTML,XML 등의 문서를 브라우저가 해석할 수 있도록 변환한 데이터구조. 즉 브라우저가 HTML이란 문서를 읽기 위한 데이터 구조(웹API 라고 부르는데,
// ES6 너는 누구냐!~ // ES6에서 나온 문법들 복사붙여넣기 신공!함수표현식을 화살표 함수를 사용하여 만든 예시즉시 호출 함수구조분해 할당\-두 개의 값을 서로 바꾸는 방법세 개의 값을 서로 바꾸는 방법맵과 필터함수를 같이 사용한 방법\-reduce 함수의 인
// 에러를 만났습니다. // 깃허브로 리액트 배포하는 법을 배웠습니다분명 같은 것을 따라 쳤는데, 틀린 구문이 없었는데, 자꾸만 위와 같은 에러가 나타났다. 그래서 확인해본 결과, 파싱 과정에서의 호환문제라고 했다.JSX파일로 바꿨다가 JS 파일로 바꿨었는데, 그 과
// 휴먼 에러라는 게 이런 것이구나!// 리덕스에서 구독하는 방법을 알다위에 있는 사진에서 줄이 쳐진 부분이 바로 내가 리덕스에서 가져온 state의 이름을 잘못 입력했다. 리덕스 사용이 처음이다보니, 리덕스에서 어떻게 값을 불러오는 지가 헷갈렸는데, 이 에러를 통해
// 알 지 못하는 오류를 가이드 해줄 수 있구나!// 유저보다는 개발자들 간의 유지보수를 편리하게 해주는 도구 같음// 콘솔에서 오류를 더 잘 구분할 수 있을 듯 예외 객체는 브라우저마다 조금씩 다르지만 모든 브라우저가 공통적으로 가지고 있는 속성은 'name', '
// 라우터에 대해서 많이 알게됨.//useEffcet에 대해서도 많이 알게 됨//스타일드 컴포넌트보다는 역시 css 파일을 만들어서 쓰는 게 좋을 듯 함. route 안에 route를 넣어서 정보만 바꿔 주게 만드는 것 이럴 경우에는 아래와 같이 outlet을 설정
// 리액트는 간단한 것도 복잡하게 만드는 재주가 있는 듯?// 오늘도 차곡차곡 간단한 것도 TIL로... 이거 나중에 찾아서 볼 수 있을까?// 탭과 애니메이션 같은 동적 ui를 리액트에서도 시도해볼 수 있을 듯 하다서버로부터 GET을 해오기 위해서는 위의 사진에 나
// 어렵다 어려워 // axios를 통한 서버 통신// 역시 팀리딩은 어려운듯 axios와 여러 서버통신을 해줄 수 있는 라이브러리가 있는데, 내가 사용한 것은 그 중 리덕스 툴킷이 제공하는 thunk를 사용하여 서버와 통신을 했다. axios 뒤에 온점과 함께 ge
//리액트에 대해서 배웠으니, 이제는 제이쿼리 구문을 사용하는 법을 하나씩 배워 나간다.//제이쿼리 replace메소드attr는 속성값을 가져오거나 가져온 속성값을 변경해주는 메소드이다.제이쿼리에는 다양한 메소드들이 있는데 그 중에서 replace라는 것은 잘 모르고
querySelector : 아이디 클래스 상관없이 찾아줌, css선택자를 사용하면 됨 getElementsByClassName : 클래스를 찾아줌, css선택자는 제외하고 클래스명을 사용하면 됨. 배열처럼 반드시 인덱싱하여 사용해야 함.getElementById :
위 사진은 제이쿼리와 자바스크립트 두 개로 다크모드를 구현한 것이다.
이전에는 queryselector 등의 셀렉터 문법은 자바스크립트 문법인 줄 알았는데, 자바스크립트 문법은 우리가 아는 for, if, swich 등의 문법이 자바스크립트 문법이고, document로 시작하는 것은 브라우저 사용법이라고 한다.
제이쿼리의 가장 많이 사용하는 라이브러리 중 하나가 slick이다. slick의 기본 버튼이 있긴 한데, 이전과 다음버튼은 css를 수정하기가 어렵게 느껴졌다. 구글을 뒤지다가 찾은 방법이 새로운 클래스를 만들고 slick의 기능에다가 내가 지정한 클래스로 바인딩을 해