Front_End

코드스테이츠 프론트엔드 부트캠프에 합격하여 코스 교육 진행중이다 위와같이 계산기의 형태를 만드는 과제가 주어졌다. 기능이 아닌 형태만 만들면 되는거니까 HTML과 CSS만으로 금방 만들 수 있을 것 같다 HTML은 위처럼 각각의 버튼을 따로따로 선언하여 간단하게

HTML과 CSS를 활용하여 계산기 목업을 앞서 만들었다.이후에는 JS까지 첨가하여 계산 기능을 가진 찐 계산기를 제작하는 과제가 주어졌다.부트캠프이다보니 수강생들을 보면 완벽한 코린이, 비전공자부터 전공자까지 다양하게 분포되어 있다.그렇다보니 여기에서도 계산기 구현

아직 미완성단계...일단 위에 정보를 입력하면 리스트에 추가되게끔 구현은 성공하였다.내일까지 CSS파일과 JS파일을 최대한 더 건드려보자!여기까진 스크립트!저렇게만 했는데도 CSS가 120줄이다... 합칠수있는건 합치고 조금 더 추가하도록 해야겠다.

이전 글에서 위 코드로 Nightmare 단계까지 통과했다고 언급했다.Nightmare가 뭘 테스트하길래 이렇게 간단한 프로그램이 코드가 길어진걸까...어이가없다 허허우선 대표적인 것들을 하나씩 살펴보면실수 연산의 경우는 .입력을 구현하면 된다! 이전 Advance 단

뒷배경을 추가하였고, 5개씩 나눠서 페이지가 나오게끔 구현에 성공하였다!!💪💪주어진 index.html파일의 하단부에 <div class="page"></div>를 생성한 뒤, script.js파일에서 페이징을 할 수 있는 코드를 삽입하였다.stylesh

실수로 인해 종합퀴즈 2문제를 드랍해버렸다...결국 3문제가 틀리면서 반딧불(나머지)공부 대상자가 되어버렸다뭐 실수도 실력이니 일단 과제를 진행해보자├── Grub│ └── Bee│ ├── HoneyMakerBee│ └── ForagerBee부

아이디와 비밀번호를 생성하는 단계(회원가입)에서 흔히 볼 수 있는 유효성검사를 간단하게 제작해보았다!춘식이는 덤으로...ㅎ😊파일은 총 3개로 index.html과 script.js, style.css로 구성되어 있다. DOM 객체를 주로 사용한 것이기에 script의

Section2에서는 React를 메인으로 학습하였다.이번에는 React를 이용하여 유사 SNS를 만들어보자늘 그랬듯 결과물부터~아 물론 데이터들은 실제 서버에서 불러온 것이 아닌 Dummy Data를 활용하였다.메인 js파일은 7개로 구성된다.App.jsTweets.

Mino Node Server를 제작하는 코드를 의사코드로 생성해보자...🐝🐝🐝🐝🐝

브라우저에는 JSON.Stringify 라는 함수가 존재한다.쉽게 표현하면 위와 같다. 객체로 되어있는 형태를 JSON의 형태로 변환하는 것!예를 들면객체 형태였던 message가 JSON 형태로 변경되면서 직렬화가 된 것을 알 수 있다.어찌되었든 객체 형태가 JSON

재귀함수가 자주 쓰일 법한 카테고리, Tree UI에 관해서 구현을 시도해보자위와 같이 평소에도 흔히 볼 수 있는 구조이다. 당장 윈도우 탐색기만 키더라도 왼편에 바로 보인다😂😂생각해보면 루트 폴더가 있고, 루트 폴더를 펼치면 다양한 파일들도 있겠지만, 디렉토리들도

말 그대로 사용자 인터페이스를 말한다. 사람들이 컴퓨터와 직접적으로 상호작용을 하는 시스템을 말하며, 화면상의 그래픽 요소 외에도 키보드, 마우스, 터치스크린 등의 물리적 요소도 UI에 포함된다.PC의 경우를 예로 들면 UI의 종류 중 하나인 그래픽 요소가 엄청난 비중