본문 바로가기
반응형

프로그래밍13

나는 개발자가 적성에 맞을까? (front-end ver) 몇 년 전부터 개발자 붐이 일어났습니다. 덩달아 컴퓨터 공학을 전공하지 않았더라도 개발자에 도전하는 사람들이 많아졌는데요, 개발도 여타 다른 직업들처럼 적성이 맞는 사람이 있고, 아닌 사람도 있습니다. 본격적으로 개발에 뛰어들기 전에 적성 검사를 제대로 할 수 있다면, 소중한 시간을 낭비하는 일도 적을 것입니다. 개발에도 굉장히 다양한 분야가 있는데, 이 글에서는 Front End 개발자 기준으로 최대한 쉽게 웹페이지를 만들어 볼 것입니다. 실제로 Front End 개발을 진행해 보면서, 내가 과연 이 일을 평생 즐겁게 할 수 있을까 고민해 보시기 바랍니다. (Front End: 웹 페이지에서 사용자에게 보이는 화면을 개발하는 사람) ※ 안내 사항 - 이 글은 FE(Front End) 교육용이 아닌 적성.. 2023. 4. 9.
[Javascript] 배열에서 특정 조건 요소 필터링(filter) Javascript에서 특정 배열에서 특정 조건을 지닌 요소를 필터링하는 방법에 대해 알아보겠습니다. 필터링을 반대로 사용하면 제거도 가능합니다. 특정 조건이 요소의 내용일 때와 인덱스일 때에 filter함수를 사용해서 필터링하는 방법을 소개합니다. 1. 요소 내용 조건일 때 - 예제 목표: cities 배열에서 'Korea'가 포함된 요소만 필터링하고자 합니다. - cities의 요소를 돌면서 return true인 요소만 필터링합니다. 즉, item.includes('Korea') 값이 true인 요소만 필터링합니다. - 기존 배열(cities)은 바뀌지 않습니다. - 리턴값(filteringCities)이 필터링된 결과입니다. cities = ['New York, USA', 'Seoul, Korea.. 2023. 1. 29.
[HTML] 여러 요소를 박스로 감싸는 fieldset, legend HTML에서 여러 요소를 박스로 감싸는 fieldset, legend 예제 코드를 공유합니다. 기초 코드부터 보시고, 다듬은 코드를 보시면 이해하기 쉬울 것 같습니다. 1. 목표 - 아래와 같이 여러 요소를 박스로 그룹화하고, 박스 제목을 붙인다. 2. 기초 코드 로그인 정보 입력 ID: PW: 로그인 3. 다듬은 코드 - 위 기초 코드를 조금 더 보기 좋게 다듬어 보았다 로그인 정보 입력 ID: PW: 로그인 2023. 1. 18.
javascript array 반복문 javascript의 가장 많이 사용하는 array 반복문 3가지(for, for of, forEach)를 소개합니다. 1. 반복문 종류 - for문 - for of문 - forEach 1.1. forEach - 매개변수로 value, index, arrary를 사용할 수 있다. const arr = ['teemo', 'galio', 'yasuo']; arr.forEach((value, index, array) => { console.log(`value: ${value}, index: ${index}, array: ${array}`); }); // 출력 결과 // value: teemo, index: 0, array: teemo,galio,yasuo // value: galio, index: 1, arr.. 2023. 1. 7.
반응형

티스토리툴바