목록분류 전체보기 (283)
코딩일상
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/eI9oai/btrFt8Fe24O/h2Z4hZQeOF3LdskfTA5jRk/img.png)
지금 수많은 부트 캠프들이 있다. 그 중 나는 항해99를 선택했다. 가장 마음에 들었던 것 중 하나가 정말 강력한 일정이었다. 나는 개인적으로 사람은 스스로 바꾸는게 아니라 환경이 바꾼다고 생각한다. 그렇기에 나는 성격을 바꾸고 강인해지기위해 해병대를 지원했었고 결국은 해냈고 성격과 나름 강력한 집념을 얻게 되었다. 그리고 러닝을 잘하고 싶어 러닝크루에 들어가 꾸준히 하게되었고 결국은 러닝모임장까지 할 수있게 되었다. 이러한 결과들을 보았을때 내 자신을 어려운 환경에 던져놓아야겠다 생각하였다. 그 결과 항해 99를 선택하였고 이제 시작한만큼 선택에대한 후회 및 고민은 하지않고 달려나갈것이다. 물론, 쉽지 않겠지만 다 같이 가는 것이기에 난 절대 포기 하지 않고 수료를 해나아갈것이다. 22년 10월의 내가..
JS는 HTML을 객체 요소로 모두 볼수있고 그점을 이용하여 WEB의 기능하는 부분들에대해서 엄청난 영향력을 발휘할수있다. 그렇기에 JS를 통해 HTML ,CSS또한 바꿀수있다. (하지만 각자의 역할은 각자의 역할에서 진행시키는것이 중요) JS에서 중요한 function중 하나가 querySelctor, querySelctor이라 볼수있다. 이 함수를 통해서 우리는 원하는 객체부부에 CSS처럼 선택을 하여 원하는 기능을 부여 하고 발현시킬수 있다. JS를 배울수록 왜 많은 이들이 JS를 사용중인가에 대해 서 알게 되었고 앞으로 JS를 통해 진행될 FramWokr인 리액트와 노드JS도 기대가 된다. const h1 = document.querySelector(".hello h1"); // querySele..
Java Script에서의 변수 선언방식에는 현재 아래와 같이 있다 -var -let -const 결론부터 말하자면 변수를 선언을 할떄는 const를 사용하는 편이 좋다. 1) var 우선 var를 선언했을 경우의 코드 예시를 보겠다. var name = 'ABC' console.log(name) // ABC var name = 'EFG' console.log(name) // EFG 이미 변수를 한 번 더 선언하였지만 추가로 변수를 선언했을 경우에도 에러가 나지 않았다. 그리고 변수가 선언된 그대로 다른 값이 출력되는 것을 볼 수 있다. 이는 유연한 변수 선언으로 짧은 코드에는 상관이 없을수도 있지만, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들며, 실수를 하여 값이 바뀔 우려가 매우..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dqXjxk/btrDHG92uWa/x0d3yOZPpfkjsTsAHuroK1/img.png)
짧은답안 function solution(arr) { arr.splice(arr.indexOf(Math.min(...arr)),1); if(arr.length 1) { var minNum = Math.min(...arr); var idx = arr.indexOf(minNum); arr.splice(idx, 1); } else { arr = [-1]; } return arr; } 문제를 해결하며 배운것들 -math.min/math.min 함수의 이용법(기본 class 이용) 추가)배열에서 math.min/math.min 함수의 이용법 -indexOf문(문자열의 위치를 찾는법) -배열에서 데이터 지우는법 -문제의 본질을 보면서 순수대로 나아가자라는 마인드 -배열에서 데이터 지우는법 [JavaScript]배열..
이문제를 통해 배운것 If 문 if...else - JavaScript | MDN if 문은 지정한 조건이 참인 경우 명령문(statement)을 실행합니다. 조건이 거짓인 경우 또 다른 명령문이 실행 될 수 있습니다. developer.mozilla.org % 나머지 연산자 나머지 (%) - JavaScript | MDN 나머지 연산자(%)는 왼쪽 피연산자를 오른쪽 피연산자로 나눴을 때의 나머지를 구합니다. 부호는 항상 왼쪽 피연산자의 부호를 따릅니다. developer.mozilla.org 삼항연산자 삼항 조건 연산자 - JavaScript | MDN 조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 맨 앞에 조건문 들어가고. 그 뒤로 물음표(?)와 ..
평균값 구하기 하면서 공부한 JS 기능들 for문 for of 문 reduce 문 reduce문을 이용한 해답 function average(array){ return array.reduce((a, b) => a + b) / array.length; } // 아래는 테스트로 출력해 보기 위한 코드입니다. var testArray = [5,3,4] console.log("평균값 : " + average(testArray)); function solution(arr){ const sum = arr.reduce((a,b)=> a+b); const average = sum / arr.length; return average; } for of 문을 이용한 해답 function average(array){ var ..
Web에서 뼈대를 만드는 정적인 도구가 HTML이 었으며 그 것을 디자인적으로 꾸며 주는 도구는 CSS였다. 그리고 JS(JavaScript) 일방향적인 Web을 상호작용할 수있게 만드는 매게체 즉, 웹에 생동감 움직임을 만들어내는 도구라고 보면 될 것같다. javascript로 만들어진 프로그램들을 script라고 부른다. 차츰 차츰 아직 미숙한게 더 많지만 중요한것은 배워나가고 있다고 생각한다 생활코딩의 이고잉님의 말처럼 중요한것이야 말고 가장간단하고 쉬우며 파괴적인 힘을 가지고 있기 때문이다. 차츰 차츰 프로트가 어떠한것인지 몸소 느껴가고 있다.
비교연산자란?? 이와 같은 기호로 쓰여진다 ==== 비교연산자는 boolean이라는 데이터 타입을 만들어낸다 Boolean이란?? Boolean은 아래의 두가지 값을 가지며 조건문에서 유용하게 사용된다 true false 리팩토링이란? 중복된것을 없애는것 코드를 잘짜는것이라볼수있다 가독성을 올리며 유지보수를 쉽게 할 수있게 된다. this(조건문에서 부모를 지칭) var(변수 지정)
Web에서 뼈대를 만드는 정적인 도구가 HTML이 었으며 그 것을 디자인적으로 꾸며 주는 도구는 CSS였다. 그리고 JS(JavaScript) 일방향적인 Web을 상호작용할 수있게 만드는 매게체 즉, 웹에 생동감 움직임을 만들어내는 도구라고 보면 될 것같다. javascript로 만들어진 프로그램들을 script라고 부른다. 차츰 차츰 아직 미숙한게 더 많지만 중요한것은 배워나가고 있다고 생각한다 생활코딩의 이고잉님의 말처럼 중요한것이야 말고 가장간단하고 쉬우며 파괴적인 힘을 가지고 있기 때문이다. 차츰 차츰 프로트가 어떠한것인지 몸소 느껴가고 있다.
세상에 수많은 강력한 오픈 코드들이 많이있다. 우리는 그렇게 공개된 오픈 코드들을 이용하여 어려운 문제들을 쉽고 빠르게 해결해갈수있다. 이러한 기술적인 발전과 공개로 인해 웹의 생태계는 상상할 수없을 정도의 빠르기로 성자해온거 같다. 추후의 나또한 이러한 코드들을 만들어내어 세상에 기여하고 싶다는 생각이 들었던 수업이었다. 사례 -동영상을 웹사이트에 삽입및 실행(youtube 소스) -댓글창 생성(https://disqus.com/) -사이트 방문자와 채팅(https://www.tawk.to) 100% FREE Live Chat Software, Ticketing & Knowledge Base! - www.tawk.to tawk.to is 100% free live chat software to mon..