본문 바로가기
  • CobsLab upgrades your company value by AI technology

인공지능15

나.. 리액트 아예 처음인데 어떻게해? (create-react-app 맨땅에 헤딩 #1) 1. 들어가며 안녕하세요 콥스랩 기술블로그입니다! 오늘은 React에 대해 알아보겠습니다. 어떤 방식으로 알아볼거냐면요, HTML, CSS, Java Script기초 지식만 있고 리액트가 아예 처음인 사람의 입장에서 독학한다는 마음가짐으로 알아볼 것입니다. 리액트가 처음이신 분, 무엇인지 아직 감이 잘 안 잡히시는 분, 남들이 “프론트엔드하려면 리액트는 해야지”라고 해서 일단 배워볼까 하시는 분 리액트를 공부하려고 하는데 어떤식으로 첫 발걸음을 내딛어야하는지 잘 모르시겠는 분 그런 분들은 본 글을 한 번 천천히 읽어보시면서 따라해보시면 좋을 것 같아요! 사진 삭제 사진 설명을 입력하세요. 2. 리액트 시작하기 지금부터 저는 리액트에 대해 아~~무 것도 모르는 사람이라고 가정합니다. 제가 알고 있는 지식은.. 2023. 6. 26.
Flex & Grid 안녕하세요 콥스랩 기술 블로그입니다! 오늘은 웹페이지의 레이아웃을 조정할 수 있는 CSS 기능인 Flex와 Grid에 대해 이야기해보겠습니다. 그리하여 오늘 함께 알아볼 내용으로는 아래와 같습니다. Flex와 Grid가 어떤 기능인지 알아본다. Flex와 Grid의 대표 속성들을 알아본다. Flex와 Grid를 실제로 프로필카드에 적용해본다. 왜 사용할까? 우선, 본격적으로 Flex와 Grid에 대해 알아보기 전, 우리는 이 기능을 왜 사용하는지를 알아봐야겠죠? 다음의 사진처럼 프로필카드를 만들었다고 가정해보겠습니다. 사진 삭제 사진 설명을 입력하세요. 사진 삭제 사진 설명을 입력하세요. 하나의 프로필 카드를 이루는 html 코드는 아래와 같습니다. 최민식님의 프로필카드 예시입니다. 최민식 1962년생 .. 2023. 5. 22.
복수열 조건문을 활용한 데이터프레임 필터링과 선택 복수열 조건문 복수열 조건문을 사용하여 데이터 프레임에서 여러 열에 대한 조건을 지정할 수 있습니다. 이를 통해 데이터를 필터링하거나 새로운 열을 생성할 수 있습니다. # 데이터 프레임 생성 data = {'Name': ['John', 'Alice', 'Bob', 'Mary'], 'Age': [25, 30, 18, 21], 'Gender': ['Male', 'Female', 'Male', 'Female'], 'Salary': [50000, 60000, 35000, 45000]} df = pd.DataFrame(data) # 복수열 조건문 사용 filtered_df = df[(df['Age'] > 20) & (df['Gender'] == 'Female')] # 결과 출력 print(filtered_df) .. 2023. 3. 27.
Matplotlib으로 효과적인 데이터 시각화 방법 익히기 Matplotlib란? Matplotlib은 파이썬에서 데이터 시각화를 위해 사용되는 라이브러리 중 하나입니다. 2D 그래프를 그리는 데 특화되어 있으며, 선 그래프, 산점도, 히스토그램 등 다양한 종류의 그래프를 그릴 수 있습니다. Matplotlib은 NumPy와 함께 사용되는 것이 일반적이며, 대화형 시각화 라이브러리인 Bokeh, Plotly와 함께 많이 사용됩니다. Matplotlib 설치하기 Matplotlib은 pip를 이용하여 간단하게 설치할 수 있습니다. pip install matplotlib Matplotlib 기본 그래프 그리기 Matplotlib을 이용하여 기본적인 그래프를 그리는 방법을 알아보겠습니다. 아래는 선 그래프를 그리는 간단한 예시입니다. import matplotlib.. 2023. 3. 24.

티스토리툴바