1만시간의 법칙페이지 구현 중 button을 사용해야 하는 파트가 있었다. html페이지 작성중이였기에 부담없이 코딩중이였지만 button태그 사용시에 배웠던 점이 있어 글로 남겨놓겠다.HTML 결코 대충 넘겨서 안되는 중요한 언어이다! 그렇지만 난이도가 낮다고 생각되

숫자야구를 구현중에 있다. 앞으로는 프로젝트를 만들며 배웠던것에 대해 적용해볼 것이다. 이 공부방법을 믿고 삽질 열심히 해봐야지. 개발자에게는 삽질도 하나의 덕목일테니!~제로초님의 강의를 보고 기본적인 기능은 만들었다.1\. 랜덤숫자 만들기 (중복되지 않은 숫자)2\.

자꾸만 어렵고 헷갈리는 세가지.. 줄여서 CPA라고 해야할지도 모르겠다.. C... pa 하지만 이런 것에 굴할 수 없다. 모두들 이 벽을 넘어서 개발자가 됐다는 것을 생각하면 나 또한 정복할 수 있는 개념이라는 것일테니.동기는 위부터 아래까지 순차적으로 하나씩 실행되

자바스크립트 코드는 동기적으로 실행됩니다.동기적으로 실행된다는 뜻은 위에서 아래로 순차적으로 코드가 실행된다는 뜻입니다.브라우저 창에 특정 URL을 입력하기HTML 요소인 a태그 이용하기form 태그 이용하기 이때 서버는 요청 받은 데이터와 함께 데이터가 포함되어 있는

정규표현식에 대해서 알아보자. 정규표현식이란 무엇일까? 프로그래밍에서 문자열을 다룰 때, 문자열의 일정한 패턴을 표현하는 일종의 형식 언어 보통 RegEx 혹은 RegExp라 많이 쓴다. 정규표현식 sample text가 있어 먼저 소개하겠습니다. https://r

변수(variable)란 데이터(data)를 저장하기 위해 프로그램에 의해 이름을 할당받은 메모리 공간let, var, const는 javascript의 대표적인 변수이다.하나씩 알아가보자.var - 변수를 선언하고, 선택적으로 초기화할 수 있습니다.어디에 선언이 되어

SASS란? CSS로 컴파일 되는 스타일 시트 확장 언어, CSS 전처리기의 하나. 개발은 Sass를 기반으로 한 후, CSS로 export한다. 브라우저는 Sass파일을 직접 읽지 못함. 그러기 때문에 일반 CSS로 컴파일 해야함. 메인 SCSS파일은 언더스코어없이

프론트엔드 개발을 하면서 쉬우면서도 어려웠던 HTML!🤣🤣 HTML과 CSS로 레이아웃 작업을 할때 시맨틱 태그를 어떻게 쓰는것이 좋을지 고민을 많이했다. 그럴 때마다 HTML 헷갈린다.. 라는 생각을 자주하게 되었습니다. 시맨틱이 뭘까? 시맨틱(Seman

Flex CSS에서 편리하고 멋진 기능인 Flex!!에 대해 알아보자 flex를 사용할 때 순서를 알아보자 Flex를 쓸거야! 1. display : flex ; 선언하기 flex쓴다고 선언하기! 정렬하고자 하는 요소를 감싸는 부모에게 display:flex

Float float 속성? 요소가 문서의 일반적인 흐름에서 제외되어 컨테이너의 왼쪽 or 오른쪽에 배치되게 하는 것. none : 기본값, 원래 상태 left : 자신을 포함하고 있는 박스의 왼편에 떠 있어야 함 right : 자신을 포함하고 있는 박스의 오른편에

강력한 자동완성 기능을 통해 HTML 작성속도를 향상시켜주는 플러그인HTML 문서를 처음 만들시 사용함. !+tab을 누르면이렇게 HTML태그 , head태그, body태그 등 기본틀이 자동으로 만들어진다.태그 + Enter를 하게되면 태그쌍이 만들어진다.ex) h1

이력서 프로덕트를 만들어봄을 통해서 HTML연습.이력서 구성에 대해서 설명하였다.HTML과 CSS가 제일 기초입니다!ex)<가방1>내용물입니다.</가방1>//!DOCTYPE htmlhtml/html태그는 무조건 있어야 되는구나DOCTYPE html 이란 웹문

호이스팅이란 무엇일까?: 스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것을 말한다.https://gmlwjd9405.github.io/2019/04/22/java

while문 안에 이중 for문 사용하여 만든 코드이다.array.filter()메소드를 사용하여 만들었따..배열 안에서 뭔가를 골라야 할때는 filter()메소드를 떠올리고 어떻게든 사용하자 filter 안에 조건(함수)만 만들면 되는거 아니겠어?그리고 array.i

문제설명나의 풀이..정석풀이?const solution = (my_string, n) => ...my_string.map(a => a.repeat(n)).join("")내 풀이의 답..배열로 출력되서 실패 배열에서 문자열로 변환하는 메소드는 없나??!! array.jo

문제설명메소드 적용 성공! 저번에 했던 Math.sort()와 정수를 오름차순으로 하기 위해 (a,b) => a-b 조건을 걸어 문제를 풀어보았다. 값이 두가지로 나와야 한다면 리턴 한 문장으로 정리가능하니 참고해 다음에 풀때 활용해야겠다.

230214시간이 금방 지나가는구나.. 매일 코테 문제 조금씩 풀기로 했는데 습관 형성 하는게 쉽지 않다. 피곤함을 물리치자!머쓱이네 피자가게는 피자를 두 조각에서 열 조각까지 원하는 조각 수로 잘라줍니다. 피자 조각 수 slice와 피자를 먹는 사람의 수 n이 매개변

블로그 연습도 하고 유용한 자바스크립트 메소드나 코딩테스트 문제풀이를 남기기 위해 프로그래머스 코딩테스트라는 곳에 글을 남깁니다.오늘의 문제아직 자바스크립트에 익숙하지 않아서 코드도 길고 무난한 방법으로 풀이한 것 같다. 자바에 익숙한 나....ㅠㅠ매번 for(let