전체 글
-
[2022.12.29] TIL javascript 배열 함수들코드스테이츠 43기 2022. 12. 29. 21:27
Array.isArray() -배열인지 아닌지 판단 -> true/false arr = [0,1,2,3,4,5,6]의 배열이 있다면, 이 arr을 직접변경하여 작성하는 함수들은 다음과 같다 push(7) -> arr = [0,1,2,3,4,5,6,7] 배열의 끝에 직접 함수 추가함 pop() -> arr = [0,1,2,3,4,5,6] 배열의 끝에 있는 함수를 직접 삭제함 unshift() ->arr = [-1,0,1,2,3,4,5,6] 배열의 앞에 직접 함수 추가함 shift() ->arr = [0,1,2,3,4,5,6] 배열의 앞에 함수 직접 삭제 원본배열을 변경하지 않고 복사(?)하는 것들 arr.slice[0,4] = [0,1,2,3] 0부터 4번이전까지의 요소를 복사한다 arr.concat(4)..
-
[코드스테이츠 43기/2022.12.27] javascript 계산기 구현코드스테이츠 43기 2022. 12. 27. 20:19
약 3일간 계산기구현을 했다. 처음 이틀은 목업을 만들고, 오늘은 버튼을 누르면 기능을 구현하게 만들었다. html파일의 값을 js에서 받는(?) 부분 계산을 구현하는 부분이다. 나누는건 적당히 소수점 다섯번째 쯤 가면 반올림 하게 구현했다. 넘버버튼 입력받았을때. 처음에 0일경우에는 입력한 숫자로 대체되어야 하고 그게 아닐경우에는 입력한 숫자가 추가되어야 한다. 또 operator를 누르고 숫자를 누르면 숫자가 그 숫자로 대체되어야 한다. 그부분 구현하는데 애를 좀 먹었다. 처음에는 previousKey 값을 두번째 숫자에만 주는 방법으로 진행했는데, 그렇게 하면 추가적으로 연산을 진행할 경우 해결되지 않아서 위와 같이 변경하였음 코드가 좀 더러운것같아서 리팩토링해야할것 같다고 생각중이다. 우선은 fi..
-
[코드스테이츠 43기/2022.12.22.] CSS 기초코드스테이츠 43기 2022. 12. 22. 11:34
CSS 파일을 HTML 파일에 연결할 때는, 태그 안에서 href 속성을 통해 파일을 연결한다. 1 요소는 HTML 파일과 다른 파일을 연결하는데 사용한다. 요소의 rel - 연결하고자 하는 파일의 역할이나 특징 href 속성에 파일의 위치를 추가 한 폴더 내에 있으므로 파일 이름만 입력, 다른 폴더에 파일이 존재하는 경우, 절대 경로 또는 상대 경로를 입력해 원하는 파일을 찾아 연결 CSS 스타일을 적용할 수 있는 방법 그 방법은 같은 줄에서 스타일을 적용하는 인라인 스타일, CSS 파일 내에 작성하는 내용을 별도의 파일로 구분하지 않고 요소 내에 작성하는 내부 스타일 시트, 그리고 앞서 설명한 외부 스타일 시트입니다. *인라인 스타일 예제 1 ... 여러 class를 하나의 요소에 적용하기 위해서는,..
-
[2022.12.16/코드스테이츠 43기]코드스테이츠 43기 2022. 12. 16. 10:50
변수 템플릿 리터럴 백틱으로 문자열 타입 만들기 ${}을 이용하여 변수삽입 가능 예제 타입 Math 내장 객체 Math.floor(): 내림하여 반환. floor=바닥 -> Math.floor(100.621)//100 Math.ceil(): 올림하여 반환. ceil=천장 -> Math.ceil(100.621)//101 Math.round():반올림하여 반환 -> Math.round(100.621)//101 Math.abs():절대값 반환 ->Math.abs(100.621)//100 Math.sqrt():루트값 반환->Math.sqrt(100)//10 Math.pow():첫번째 숫자를 밑, 두번째 숫자를 지수로 하는 함수 반환->Math.pow(2,3)//8 인덱스(Index) 각 문자가 몇 번째에 위치하..