본문 바로가기

오프라인 교육/포스코 X 코딩온25

[포스코 X 코딩온] 4주차 - 첫 프론트 엔드 프로젝트 회고록 feat. 🏅대상🏅 이 포스팅은 ..... [포스코 X 코딩온] 주관으로 실시했던 프론트 엔드 프로젝트의 회고록 입니다. 📃 목차 📃 - 프로젝트 배경 - 제가 맡은 역할 소개 - 기술적으로 어려움 - 팀 활동 중 어려움 - 최종 발표 후기 프로젝트 배경 🌇" 주제는 화려하고, 꾸밀 거리가 많은 것으로.. "🌇 처음에 조가 생기고 분위기가 서먹서먹했었다. 그 와중에팀원 중 한분이 여행이라는 테마를 제시해 주셨고, 지도기반의 여행을 주제로한 다양한 아이디어가 계속 나오게 되었다. . 그러나 문제가 생겼다. 여행이란 테마를 붙잡고 이틀째 고민하면서 무엇인가 해보려고 시도는 많이 했지만, 실제로 진행된다는 느낌이 전혀 없었다. 이쯤 되면 뭔가 나왔어야 했는데 말이다. 회의를 하면서 나만 이렇게 느끼는게 아니란걸 깨닫고. 급하게 .. 2023. 3. 25.
[포스코 X 코딩온] 3주차 회고 - 네이버 클라우드 ncp 서버 생성 naver cloud platform 서버 생성 클라우드 서버란? 실제 물리적인 컴퓨터 한대로 서버를 운영하는 것이 아닌, vm(virtual machne)으로 서버를 운영하는 방식. 서버 접속을 위한 'putty' 네이버 클라우드를 통해 얻은 공인 ip 서버에 접속합니다. 그러기 위해서 putty가 필요합니다. 서버에 파일 전송을 위한 'FileZilla' FTP(File Transfer Protocol) : 파일 전송만을 위한 인터넷 연결. 대량의 파일을 네트워크로 주고받을 때 사용하는 서비스. 웹서버 'Apache' 설치 # apt-get update # apt-get install apache2 DNS Domain Name System ip 주소와 특정 도메인 주소가 같다는 것을 지정해두고, 인터.. 2023. 3. 15.
[포스코 X 코딩온] 웹 개발자 입문 과정 3주차 회고 - 프로젝트 관련 회의 진행 3/25 토요일 오후 2시 프로젝트 발표 3/18일 금요일 부터 프로젝트 시작해서 3/25일 오후 2시에 프로젝트 발표가 있다. 조 배정은 랜덤으로 선생님께서 정해주셨고, 총 4명씩 한 조가 되었다. 우리의 조 이름은 포맨이고, 남자가 4명이여서 이렇게 지었다. 프로젝트 주제는 자유다. 우리의 목표는 '프론트 엔드' 프로젝트이므로, 시각적으로 최대한 화려하게 가보는 것이다. 여기에 대한 대략적인 개요다. 내가 맡은 역할은 Scroll시 시각적 이펙트를 주는 것이다. 그래서 gsap의 scroll trigger 예제를 참고하면서 공부하는 중이다. 생각보다 설명이 친절하지 않아서 어렵다. 지금까지 css, html 공식문서를 보면서 불친절하다고 투덜댔는데, 지금 생각해보니 천사중에 천사였다. 라이브러리가 유.. 2023. 3. 13.
[포스코x코딩온] 웹 개발자 입문 과정 2주차 회고 - 픽셀에 대한 고찰 feat. 모든 디스플레이의 픽셀 크기는 같을까? padding값 10px 주다가 문득 생각이 났다. 내 모니터에서 말하는 1px과 다른 모니터의 1px은 시각적으로 같을까? 화질이 같은 사진을 크기가 다른 스마트폰 a,b에 전송했다. 만약 줄자로 a,b 스마트폰에 보이는 사진을 1cm만큼만떼온다고 생각해보자. 아래 작은 화면을 가진 스마트폰에 더 많은 범위의 배경이 담겨있을 것이다. 두개의 스마트폰에 꽉채워진 동일한 배경 사진파일을 원본 크기로 변경한다면, 1cm를 떼왔을때 서로 같은 범위의 배경이 담겨있을까? 그렇다. 즉, 특정 해상도의 사진을 원본으로 돌려놓으면, 서로 다른 스마트 폰으로 동일한 사진을 볼때, 현실에서 아주 약간의 오차만 가지고 같은 크기로 측정된다. 여기서 말하는 아주 약간의 오차는 포토 다이오드 이다. (포토 다이오드는 픽셀을 .. 2023. 3. 12.