TIL,WIL(일간,주간 회고)

2022.12 1주차 WIL

JWT: JSON WEB TOKENS의 약자이고 JSON형식의 데이터를 암호화하여 토큰으로 만들어서 브라우저 쿠키에 넣어주는 메소드이다 json이란 javascript object notation의 약자이고 웹에서 서버랑 클라이언트간 같은 어플리케이션 끼리의 데이터 교환을 할때 json파일로 전송을 한다. json파일이란 자바스크립트의 오브잭트(파이썬의 딕셔너리같은것)형식으로 작성된 파일이다 json파일을 열면 아래 와같이 키:값의 형태로 되어있을것이다 {"name": "Jack", "age": 30, "favoriteSport": "Football"} 저 안에 아이디나 exp(만료시간)등등 넣어 주고 싶은 것을 넣어 주고 암호화를 시켜준다 암호화를 할때 씨크릿 키라는것이 있는데 이게 있으면 암호화를 풀..

2022.12.10 TIL 자바스크립트 var,let,const 차이

var 는 재할당 재선언이 가능하다 let은 재할당만가능 const는 재할당 재선언 모두 물가능 하다 그래서 선언시에먼 할당을 할수가있다. var a = 'test' //선언하면서 test할당 var a = 'kim' //재선언하면서 kim재할당 let b = 'test1' let b = 'test2' // 이미 선언되었다고 에러발생 b = 'test3' // 재할댕됨 const c = 'test' const c = 'test2' //에러남 재선언 안됨 c = 'test3' //에러남, 재할당 안됨 var의 문젯점은 선언 전에 미리 호출을 해도 에러가 안난다. console.log(a) var a a = 3 이런순서로 작성해도 에러가 나지않는다 브라우저의 콘솔창을 확인해보면 undefined라는 값이 나..

2022.12.10 TIL call by value, call by reference, Call by assignment(call by object)

-알게된점: 파이썬은 call by value, call by reference? 일단 call by value와 call by reference의 차이는 전자는 값을 복사해오는것이고 후자는 주소값을 가져오는것이다. 그래서 call by reference는 원본변수의 주소값을 통해 뭔가를 하기때문에 원본변수가 변한다(call by reference) 전자는 원본변수는 그대로 있고 그냥 그 값(숫자든 문자열이든)을 전달하는것이기 때문에 원본변수는 건들지 않는것이다 파이썬은 둘다 아니고 Call by assignment이다.(또는 Call by object-reference)이다 c등 다른 언어는 변수가 메모리 공간이지만 파이썬은 그냥 붙여진 이름표일뿐이다 a = 'alpaca'라고 선언했을때 'alpaca..

2022.12.07 TIL 파이썬 전역변수 선언방법,사용방법

-상황설명: 클라이언트에서 서버로 데이터를 보내주고 그것을 DB에 넣는 작업중, 서버에서 count라는 변수를 하나씩올려서 DB에 넣어줄때 카운트값도 같이 넣어주고 싶었다. { name: jin age: 12 count:1 } { name: kim age: 22 count:2 } 이런식으로 말이다. 처음에 썻던 방법은 지금 디비에있는 딕셔너리가 몇개인지 count = len(list(db.find({}))) 이렇게 가져와서 그 갯수 +1을 해줘서 카운트 값을 매겼었다 근데 그렇게하니까 디비의 딕셔너리 하나를 지우면 예를들어 count가 1,2,3 이렇게 커지고 있는데 1을 지우면 2,3이 남게된다. -문제점: 그럼 그다음에 디비에 들어오는 딕셔너리에 count 4가 되어야되는데 3이들어간다 왜냐면 로직을..

2022.12.07 TIL CSS position 개념

-알게된점 css 스타일에 position 속성값이 라는게 있다 1. postion:static; 2. postion:absolute; 3. postion:relative; 4. position: fixed; 1. postion: static; position이 static으로 되어있으면 요소들(elements)들이 원래 있어야하는 위치에 있게된다 html문서가 작성된 순서데로 배치된다는 말이다 따라서 top, left, bottom, right 속성값은 position 속성이 static일 때는 무시됩니다 2.posion: absolute; absolte는 독립적으로 움직일수있는데, 완전히 독립적인게 아니다 position이 static이 아닌(relative 등) 첫번째 상위 요소안에서 독립적으로 움..

2022.12.07 TIL css의 offset개념

-알게된점: css 스타일에 속성값으로 top,left,bottom,right를 본적이 있는데 이것들을 offset이라고 한다 아래와 같이 전체 화면의 최상단에서 top만큼 떨어지고 left만큼 오른쪽으로 이동했다. offset값이 양수로 커질수록 offset으로부터의 거리를 나타낸다 top:20px 이라면 top에서 20px 떨어진것이다 우선순위가 있다. top > bottom, left > right top:20px bottom:0; 이러면 bottom에 딱 붙으면서 top에서 20px 떨어져야하는데 불가능하기 떄문에 이런경우 top이 먼저이다 상위엘리먼트가 있다면 전체화면이 아닌 상위엘리먼트 기준으로 offset이 적용된다

2022.12.06 TIL div배치 문제

-문제점: div하나는 가운데 배치하고 또 하나의 div는 그옆에 붙여놓고 싶은데 계속 이상한데 붙는것이다. -알게된점: div1을 중앙에 두기 위해서 margin: 0 auto 0 auto; 이렇게 했었는데, 저 auto값이 div2가 옆에 붙는것을 방해 하는것같아서 justify-content:center를 하면 저 두개를 싸잡아서 가운데놔서 div1만 딱 가운데 놓아지지는 않는다 아직은 방법을 몰라 div1만 중앙에 놓고 div2는 수동으로

2022.12.06 TIL css 폰트사이즈 관련

-문제점: 화면 사이즈에 따라 글자나 div 등등의 사이즈가 화면에 맞춰서 알아서 바뀌면 좋겠다 -알게된점: px이나 %말고도 vw, vh라는 단위가 있다 1vw이렇게 쓰면 전체화면의 가로너비의 1%라는 뜻이다 가로가 1000px 이라면 1vw는 10px되는것이다 1vh는 전체화면 높이의 1%라는 뜻