Travel to Frontend (372) 썸네일형 리스트형 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 1회차 미션 패스트캠퍼스 프론트엔드 인강 1일차. 자바스크립트 함수부분을 공부해보았다. 함수는 특정코드를 하나의 명령으로 실행할수있게하는 기능. 그외에도 파라미터값이 주어졌을때 파라미터를 처리해서 결과를 만들어낼수있다. 예시 //파라미터값 숫자 function add(a, b) { return a + b; } const sum = add(1, 2); console.log(sum) //파라미터값 문자 function hello(name){ console.log('hello '+name+'!'); } hello('dubaiyu'); 파라미터값이 숫자로들어간 add함수의 결과는 3이 나오고 파라미터값이 문자로 들어간 hello함수의 결과는 hello dubaiyu!가 나온다. 문자열을 이으려면 + 를 사용해야하는데 es6.. [컴퓨터사이언스] 2진법과 bit, byte .. 네이버 메인하단에서 우연히 발견한 강의모음집 edwidth 프로그래밍뿐만아니라 비즈니스, 영어에 관한 강의들도 많아서 지인들에게 추천해주고있다. 평소 비전공자이다보니 데이터사이언스, 알고리즘에관해 목마름이 있던 나에게 단비같은 강의가 눈에띄었다. 수료증은 덤으로주고 하버드 교수가 가르쳐주는 데이터사이언스라니! 틈틈히 수강해서 수료증을 목표로 달려보려한다. [LECTURE] 1) 2진법 : edwith 들어가기 전에 우리가 일상적으로 사용하는 컴퓨터는 어떤 원리로 작동될까요? 우리가 컴퓨터를 사용하여 해결하는 여러 일들은 어떻게 가능한걸까요? 컴퓨터 과학이란 무엇이고, 컴퓨터가 ... www.edwith.org 컴퓨터과학이란? 문제해결을위한학문(input -> 컴퓨터과학 -> output) 10진법은 보통.. [css] ellipsis로 multiple lines '...'처리 1줄일 경우 딱 4개만 정해주면된다. width값; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; 여러줄일경우 -display: -webkit-box; -webkit-line-clamp: 3; //원하는 라인수 -webkit-box-orient:vertical 가 추가되고 만약 line-height값이 설정되어있다면 height은 line-height의 값의 *3배로 정해준다 .mainModule li .substance { overflow: hidden; margin-top: 5px; font-size: 16px; color: #bfbfbf; text-overflow: ellipsis; display: -webkit-box; -webkit-.. [css] height:100% vs height:auto 나는 평소 이미지에 width:100%를 주면 height값이 자동주어진다고생각해 꼭 필요한경우가 아니라면 별도의 값을 지정해주지않았다. 사수가 width값이랑 height:auto를 주라는 조언을 해줘서 100%하면안되나? 문득 궁금해졌다. height:100%와 height:auto의 차이는 무엇인지궁금하여 구글링해보았다. 쉽게말해 100%는 부모태그의 값에 영향을 받고 auto는 자식태그의 값에 영향을 받음! difference between css height : 100% vs height : auto I was asked a question in an interview that "what is the difference between the css height:100% and height:aut.. 파이참 깃허브프로젝트 등록, 커밋, 업데이트 파이참(이클립스같은거)에 깃허브 프로젝트 등록하기 깃허브주소 복사 cmd열어서(cd..는 뒤로가기) 파이참 로그인해서 클론한 프로젝트열고 환경설정해주기(구글검색) 이제 terminal을 연다. 라이브러리 받기 반대로 라이브러리 올리려면 서버실행하기 참고) *수정후 커밋하는방법 파일 오른쪽버튼 git - add git - commit file terminal창에 git push origin master *받는법(업데이트) terminal창에 git pull [총정리] 변수, 함수에서의 hoisting 현상과 해결 hoisting은 쉽게말해 아래에있는 선언을(만) 끌어올린다. 먼저 변수의 hoisting에 대해 알아보자 //var hoisting age = 6; age++; console.log(age); //7로 정상적으로 실행됨 var age; 아래에있는 선언인 var age; 가 올라가는 hoisting현상으로인해 정상적으로 실행된다. 하지만 여기서 문제가 있다. //var의 문제 console.log(name); //선언부인 var name; Bark이던뭐든지간에 undefined name='Mark'; console.log(name); //Mark var name = 'Bark';//name = 'Bark'가 되기때문에 혼란야기 초기화부분이 있던 없던 선언부 var name; 만올라가서 혼란을 야기한다. .. <a><li></li></a>는 가능할까? (li태그에 링크걸기) li 태그에도 링크가 걸리게하고 싶어서 문득 궁금해졌다. 답은 불가능. 는 의 자식이기때문에 불가능하다고한다. 그 반대인 li>a 구조는 가능하다. a태그안에 block지정하거나 lnline-block을 지정하면된다고한다. 나같은 경우는 추가로 width:100%도 같이 지정해주니까 적용된다. 출처:스텍오버플로우 https://stackoverflow.com/questions/9627683/a-tag-around-li-tag tag around tag I always want to ask this question: Is this validate Or should always have Is the first way wrong or you are... stackoverflow.com [React] 유용한 라이브러리 최근 접하고있는 유용한 라이브러리들 제이쿼리 fade in와 같은 효과 라이브러리 https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scroll Library Scroll down michalsnik.github.io http://imakewebthings.com/waypoints/ Waypoints Waypoints is the easiest way to trigger a function when you scroll to an element. var waypoint = new Waypoint({ element: document.getElementById('waypoint'), handler: function(.. 이전 1 ··· 42 43 44 45 46 47 다음 목록 더보기
