본문 바로가기

분류 전체보기91

[ JavaScript ] 함수 선언식Function Declaration) VS 함수 표현식 (Function Expression) 안녕하세요 질서정연입니다 🧶 이번시간에는 JS에서 함수 선언식과 함수 표현식의 차이에 대해 알아보겠습니다. 함수 선언식 Function Declaration 함수 선언 (function declaration) 은 지정된 매개변수 (parameter)를 갖는 함수를 정의 합니다. 함수 선언으로 생성된 함수는 Function 객체로 Function 객체의 모든 속성 , 메소드 및 행위 특성을 갖습니다. 기본적으로 함수는 undefined 를 반환하며 다른 값을 반환하기 위해서 함수는 반환값을 지정하는 return 문이 있어야 합니다. JS를 공부 하다가 hoisting 에 관해서 들어보셨나요? Hoisting은 JS의 기본 동작이며 선언을 현재 scope의 최상단으로 올려 줍니다. JS에서 선언은 hoist.. 2022. 4. 15.
[leetcode] 20. Valid Parentheses / JS Javascript 코드 , 풀이 문제 제목 Valid Parentheses 문제 링크 https://leetcode.com/problems/valid-parentheses/ Valid Parentheses - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com 코드 /** * @param {string} s * @return {boolean} */ var isValid = function(s) { let A = [s[s.length-1]]; for (let i =s.length-2; i>=0; i-.. 2022. 4. 6.
[Angular/앵귤러] ngClass 란? ngClass 디렉티브사용법 안녕하세요 질서 정연 입니다. 👽 오늘은 ngClass에 대해서 예제를 함께 보며 알아볼게요 ngClass ngClass를 이용하면 HTM element에 CSS class를 지워줄 수도 있고 더해 줄 수도 있답니다. ... ... ... ... ... HTML 태그 안에 [ngClass] ="" 를 넣어 사용 합니다. String 을 넣어주는 경우 맨 첫 줄 예제부터 볼게요! ... 이렇게 string 을 넣어주면 some-element 태그에 first, second 클래스가 추가 됩니다. 제가 만약 CSS에서 first, second라는 이름으로 어떤 스타일을 넣어줬다면 some-element에 first, second 클래스가 추가 되면서 그 스타일이 적용 되겠죠! Array를 넣어주는 경우 .... 2022. 4. 6.
[CSS] display: flex 요소 수평,수직 정렬 하는법 justify-content: center ,align-items : center , 높이가 다른 요소 수직 정렬 하기 안녕하세요 질서정연 입니다. 오늘은 CSS 의 display: flex 와 align-items 에 대해 알아보겠습니다. div 안에다가 여러 요소를 넣고 수직 정렬, 수평 정렬 하고 싶으실 때 어떻게 하시나요? 저는 어떤 원리 인지도 잘 모르면서 매번 display: flex 해 주고 justify-content: center, align-items: center 를 써 줬었어요 justify-content를 했을 때 , align-items를 했을때 어떻게 정렬이 되는지 이번 기회에 제대로 알아보자구요 ~ 😎 CSS Flexible Box Layout 은 사용자 인터페이스 디자인과 단방향 레이아웃에 최적화된 CSS모듈입니다. 플렉스 레이아웃 모델에서는 플렉스 컨테이너의 자식을 어떤 방향으로도 배치할 .. 2022. 4. 5.