728x90 Web 개발40 Javascript - operator 안녕하세요, 이번에는 Javascript에서의 operator(연산자) 중 헷갈릴만한 것들에 대해 정리해보겠습니다. 1. Increment and decrement operator : 증감 연산자입니다. 전위형(++counter)과 후위형(counter++)으로 나누어져 있습니다. 두 개의 차이는 counter를 1씩 증가시켜주는 것은 동일하지만 반환 값이 차이가 있습니다. 아래코드를 보면서 이해하면 도움이 될 것 같습니다. 전위형은 counter에 1을 먼저 추가를 시킨 후에 preIncrement에 counter 값을 할당하고, 후위형은 postIncrement에 counter를 할당시킨 후에 counter에 1을 추가합니다. 그렇기 때문에 아래 코드에서 후위형을 적용하였을 때 postIncremen.. 2021. 6. 15. Javascript - Variable 안녕하세요, 이제부터 프론트엔드 개발에 필수적인 자바스크립트 언어에 대해 정리하려합니다. 지금까지는 HTML/CSS를 위주로 정리하였었는데 자바스크립트까지 병합하여 정리하겠습니다. 정리하는 내용은 드림코딩 유튜브 채널에서 배운 내용을 기반으로 하고 자바스크립트 책을 참고하여 추가하였습니다! (드림 코딩 채널의 무료 강의 도움을 많이 받았습니다. 다들 시간이 많이 있으시다면 보시는 것을 추천드려요!) 내용 정리 완료 후에는 백준 및 프로그래머스 문제들을 풀어보려 합니다. 이제까지는 파이썬으로 풀었는데 자바스크립트와 친해질(?)겸 자바스크립트로 풀어보려 합니다. (파이썬이 더 풀기 쉬웠는데 ㅠㅠ) 오늘은 첫 시간으로 변수에 대해 정리하겠습니다. 변수란 데이터를 저장할 때 쓰이는 저장소입니다. Variable.. 2021. 6. 14. HTML/CSS - transition 안녕하세요, 오늘은 transition에 대해 공부해보겠습니다. transition은 CSS 속성의 시작과 끝을 지정(전환 효과)하여 중간 값을 애니메이션 해주는 것입니다. 단축 속성으로 transition-properey, transition-duration, transition-timing-function, transition-delay가 있습니다. ◆ transition -. transition-property : 전환 효과를 사용할 속성 이름 (기본값 : all) -. transition-duration : 전환 효과의 지속시간 (기본값 : 0초) -. transition-timing-function : 타이밍 함수 지정 -. transition-delay : 전환 효과의 대기시간 설정 (기본값 .. 2021. 6. 13. HTML/CSS - flex(2) 안녕하세요, 지난 시간에 정리하였던 container에 부여하는 flex 속성에 이어서 오늘은 items에 적용하는 속성들에 대해 간단히만 정리하려 합니다! Items -. order : Item의 순서를 설정 (기본값 : 0) -. flex-grow : Item의 증가 너비 비율을 설정 (숫자가 클수록 큰 너비를 차지) (기본값 : 0) -. flex-shrink : Item의 감소 너비 비율을 설정 (숫자가 클 수록 큰 너비가 줄어듬) (기본값 : 1) -. flex-basis : Item의 (공간 배분 전) 기본 너비를 설정 (기본값 : auto / item 안의 요소의 너비가 item의 기본 너비에 비례) flex-basis만 간단히 코드와 결과 화면으로 확인해보겠습니다. Good job A He.. 2021. 6. 9. 이전 1 2 3 4 5 6 7 ··· 10 다음
