본문 바로가기

개발일지/임시카테고리689

(*매우중요) CSS - box model(박스 모델) (*매우중요) CSS - box model(박스 모델) #1 box model 기본 원리 content < padding < border(박스의 기준이 되는 테두리) 2023. 1. 7.
CSS - css적용해도 변하지 않을때, %원리, 셋트로 이용하는css, css적용 확인 CSS css를 본격적으로 활용하기 시작하면서 더욱 이해도와 숙련도가 낮다는 것을 알게되었다. css는 웹에 있어서 정말 중요한 요소임에도 이해도가 없으니 더 익히려는 노력을 해야겠다. #1 css 적용했음에도 변하지 않을때 1)기본케이스 css는 기본적으로 부모요소를 따른다고 한다. 간단해 보일지 모르겠지만 이것은 정말 중요하다. 가령 라고 했을때 css의 선택자로 baby에 적용시킬 것을 썼음에도 적용이 안되었다면 body태그에서 무언가 적용이 되어있어서 막힌것이고 body태그를 건드려도 변화가 없다면 더욱 상단인 html태그에 의해 무언가 막힌것이라고 해석하면 되겠다. 이게 가장 기본이고 2)응용케이스 만약 1.html이라는 파일에서 2.html이라는 파일을 iframe태그로 불러와서 사용중이라면 .. 2023. 1. 7.
JavaScript - 객체 # JavaScript - 객체 #1 우선 새로웠던 부분은 딕셔너리 기능이다. 파이썬에도 이런 기능이 있을까 싶어서 시도를 해봤다. 하지만 파이썬은 i = {‘key’: , ‘ham’:’burger’} 라고 했을때 SyntaxError: invalid syntax 가 나왔다. 안된다는 소리지.. 반면, javascript는 const profile = { name : ‘홍길동’, age: 49, height: , school: ‘코드중학교’ } 라고하면 된다고한다 -> (해봤더니 안되는디요;) 하지만 그 외적으로 한가지 재미있는 점은 파이썬을 작성할때는 key값도 다 str취급해서 ‘’처리를 해줬는데, javascript에서는 딕셔너리 안의 각각의 변수와 같이 ‘’없이 쓴다는 것이 인상적이였다. # 2 .. 2023. 1. 6.
JAVASCRIPT - 배열 커멘드 JAVASCRIPT - 배열 배열의 길이 구하기 .length 배열의 값 꺼내기 [숫자(인덱스)] 배열 맨 뒤에 값 추가 .push() 배열 맨 마지막 값 삭제 .pop() 배열 요소 정렬 .sort() 배열 데이터 확인 .includes(값) -> 값이 int면 그냥 숫자, str면 ‘값’ 으로 적어줘야함 배열 2개 연결 .concat(array2) 배열을 문자로 만들기 .join() .join()에서 ()안에 '/'를 넣으면 각 리스트안의 변수들이 /로 구분된다. 이를테면 name = ['짱','구','는','못','말','려'] 이렇게 되어있을때 name.join('/')라고 해주면 짱/구/는/못/말/려 이렇게 되고 name.join('o')라고 하면 짱o구o는o못o말o려 이렇게 된다. 배열 분리 .. 2023. 1. 6.

티스토리툴바